@skbkontur/react-ui 6.4.6-b246a.0 → 6.4.7-b33c6.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 (914) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +42 -0
  3. package/components/Autocomplete/Autocomplete.css.d.ts +6 -0
  4. package/components/Autocomplete/Autocomplete.css.js +4 -0
  5. package/components/Autocomplete/Autocomplete.css.js.map +1 -0
  6. package/components/Autocomplete/Autocomplete.d.ts +0 -3
  7. package/components/Autocomplete/Autocomplete.js +4 -6
  8. package/components/Autocomplete/Autocomplete.js.map +1 -1
  9. package/components/Autocomplete/getAutocompleteTheme.d.ts +1 -2
  10. package/components/Autocomplete/getAutocompleteTheme.js +3 -2
  11. package/components/Autocomplete/getAutocompleteTheme.js.map +1 -1
  12. package/components/Button/Button.classes.js +1 -1
  13. package/components/Button/Button.classes.js.map +1 -1
  14. package/components/Button/Button.css.d.ts +166 -0
  15. package/components/Button/Button.css.js +77 -0
  16. package/components/Button/Button.css.js.map +1 -0
  17. package/components/Button/Button.d.ts +0 -4
  18. package/components/Button/Button.js +73 -74
  19. package/components/Button/Button.js.map +1 -1
  20. package/components/Button/ButtonArrow.d.ts +1 -4
  21. package/components/Button/ButtonArrow.js +10 -14
  22. package/components/Button/ButtonArrow.js.map +1 -1
  23. package/components/Button/ButtonIcon.css.d.ts +28 -0
  24. package/components/Button/ButtonIcon.css.js +15 -0
  25. package/components/Button/ButtonIcon.css.js.map +1 -0
  26. package/components/Button/ButtonIcon.js +9 -21
  27. package/components/Button/ButtonIcon.js.map +1 -1
  28. package/components/Button/LoadingButtonIcon.js +2 -4
  29. package/components/Button/LoadingButtonIcon.js.map +1 -1
  30. package/components/Button/getInnerLinkTheme.d.ts +1 -2
  31. package/components/Button/getInnerLinkTheme.js +3 -2
  32. package/components/Button/getInnerLinkTheme.js.map +1 -1
  33. package/components/Calendar/Calendar.css.d.ts +8 -0
  34. package/components/Calendar/Calendar.css.js +5 -0
  35. package/components/Calendar/Calendar.css.js.map +1 -0
  36. package/components/Calendar/Calendar.d.ts +0 -3
  37. package/components/Calendar/Calendar.js +5 -5
  38. package/components/Calendar/Calendar.js.map +1 -1
  39. package/components/Calendar/CalendarDay.js +7 -9
  40. package/components/Calendar/CalendarDay.js.map +1 -1
  41. package/components/Calendar/DayCellView.css.d.ts +14 -0
  42. package/components/Calendar/DayCellView.css.js +8 -0
  43. package/components/Calendar/DayCellView.css.js.map +1 -0
  44. package/components/Calendar/DayCellView.js +2 -6
  45. package/components/Calendar/DayCellView.js.map +1 -1
  46. package/components/Calendar/Month.js +5 -25
  47. package/components/Calendar/Month.js.map +1 -1
  48. package/components/Calendar/MonthView.css.d.ts +20 -0
  49. package/components/Calendar/MonthView.css.js +11 -0
  50. package/components/Calendar/MonthView.css.js.map +1 -0
  51. package/components/Calendar/MonthView.js +8 -10
  52. package/components/Calendar/MonthView.js.map +1 -1
  53. package/components/Center/Center.css.d.ts +12 -0
  54. package/components/Center/Center.css.js +7 -0
  55. package/components/Center/Center.css.js.map +1 -0
  56. package/components/Center/Center.d.ts +0 -3
  57. package/components/Center/Center.js +8 -10
  58. package/components/Center/Center.js.map +1 -1
  59. package/components/Checkbox/Checkbox.css.d.ts +62 -0
  60. package/components/Checkbox/Checkbox.css.js +32 -0
  61. package/components/Checkbox/Checkbox.css.js.map +1 -0
  62. package/components/Checkbox/Checkbox.d.ts +0 -3
  63. package/components/Checkbox/Checkbox.js +33 -33
  64. package/components/Checkbox/Checkbox.js.map +1 -1
  65. package/components/Checkbox/Checkbox.mixins.d.ts +19 -4
  66. package/components/Checkbox/Checkbox.mixins.js +16 -15
  67. package/components/Checkbox/Checkbox.mixins.js.map +1 -1
  68. package/components/DateInput/DateFragmentsView.css.d.ts +10 -0
  69. package/components/DateInput/DateFragmentsView.css.js +6 -0
  70. package/components/DateInput/DateFragmentsView.css.js.map +1 -0
  71. package/components/DateInput/DateFragmentsView.d.ts +0 -5
  72. package/components/DateInput/DateFragmentsView.js +9 -17
  73. package/components/DateInput/DateFragmentsView.js.map +1 -1
  74. package/components/DateInput/DateInput.css.d.ts +16 -0
  75. package/components/DateInput/DateInput.css.js +9 -0
  76. package/components/DateInput/DateInput.css.js.map +1 -0
  77. package/components/DateInput/DateInput.d.ts +0 -5
  78. package/components/DateInput/DateInput.js +9 -18
  79. package/components/DateInput/DateInput.js.map +1 -1
  80. package/components/DatePicker/DatePicker.css.d.ts +6 -0
  81. package/components/DatePicker/DatePicker.css.js +4 -0
  82. package/components/DatePicker/DatePicker.css.js.map +1 -0
  83. package/components/DatePicker/DatePicker.d.ts +0 -2
  84. package/components/DatePicker/DatePicker.js +8 -7
  85. package/components/DatePicker/DatePicker.js.map +1 -1
  86. package/components/DatePicker/MobilePicker.css.d.ts +4 -0
  87. package/components/DatePicker/MobilePicker.css.js +3 -0
  88. package/components/DatePicker/MobilePicker.css.js.map +1 -0
  89. package/components/DatePicker/MobilePicker.js +2 -4
  90. package/components/DatePicker/MobilePicker.js.map +1 -1
  91. package/components/DatePicker/getMobilePickerTheme.d.ts +1 -2
  92. package/components/DatePicker/getMobilePickerTheme.js +3 -2
  93. package/components/DatePicker/getMobilePickerTheme.js.map +1 -1
  94. package/components/DateRangePicker/DateRangePicker.css.d.ts +34 -0
  95. package/components/DateRangePicker/DateRangePicker.css.js +18 -0
  96. package/components/DateRangePicker/DateRangePicker.css.js.map +1 -0
  97. package/components/DateRangePicker/DateRangePicker.d.ts +12 -12
  98. package/components/DateRangePicker/DateRangePicker.js +40 -38
  99. package/components/DateRangePicker/DateRangePicker.js.map +1 -1
  100. package/components/DateRangePicker/DateRangePickerTheme.d.ts +2 -3
  101. package/components/DateRangePicker/DateRangePickerTheme.js +5 -4
  102. package/components/DateRangePicker/DateRangePickerTheme.js.map +1 -1
  103. package/components/Dropdown/getDropdownTheme.d.ts +1 -2
  104. package/components/Dropdown/getDropdownTheme.js +3 -2
  105. package/components/Dropdown/getDropdownTheme.js.map +1 -1
  106. package/components/DropdownMenu/getDropdownMenuTheme.d.ts +1 -2
  107. package/components/DropdownMenu/getDropdownMenuTheme.js +3 -2
  108. package/components/DropdownMenu/getDropdownMenuTheme.js.map +1 -1
  109. package/components/FileUploader/FileUploader.css.d.ts +133 -0
  110. package/components/FileUploader/FileUploader.css.js +65 -0
  111. package/components/FileUploader/FileUploader.css.js.map +1 -0
  112. package/components/FileUploader/FileUploader.js +43 -46
  113. package/components/FileUploader/FileUploader.js.map +1 -1
  114. package/components/FileUploader/FileUploader.mixins.d.ts +6 -1
  115. package/components/FileUploader/FileUploader.mixins.js +6 -1
  116. package/components/FileUploader/FileUploader.mixins.js.map +1 -1
  117. package/components/FileUploader/FileUploaderFile.css.d.ts +111 -0
  118. package/components/FileUploader/FileUploaderFile.css.js +56 -0
  119. package/components/FileUploader/FileUploaderFile.css.js.map +1 -0
  120. package/components/FileUploader/FileUploaderFile.js +35 -40
  121. package/components/FileUploader/FileUploaderFile.js.map +1 -1
  122. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.css.d.ts +60 -0
  123. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.css.js +31 -0
  124. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.css.js.map +1 -0
  125. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.js +22 -28
  126. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.js.map +1 -1
  127. package/components/FileUploader/FileUploaderFileStatusIcon.js +3 -8
  128. package/components/FileUploader/FileUploaderFileStatusIcon.js.map +1 -1
  129. package/components/GlobalLoader/GlobalLoaderView.css.d.ts +26 -0
  130. package/components/GlobalLoader/GlobalLoaderView.css.js +14 -0
  131. package/components/GlobalLoader/GlobalLoaderView.css.js.map +1 -0
  132. package/components/GlobalLoader/GlobalLoaderView.js +20 -19
  133. package/components/GlobalLoader/GlobalLoaderView.js.map +1 -1
  134. package/components/Group/Group.css.d.ts +14 -0
  135. package/components/Group/Group.css.js +8 -0
  136. package/components/Group/Group.css.js.map +1 -0
  137. package/components/Group/Group.d.ts +0 -3
  138. package/components/Group/Group.js +10 -12
  139. package/components/Group/Group.js.map +1 -1
  140. package/components/Hint/Hint.css.d.ts +6 -0
  141. package/components/Hint/Hint.css.js +4 -0
  142. package/components/Hint/Hint.css.js.map +1 -0
  143. package/components/Hint/Hint.d.ts +0 -3
  144. package/components/Hint/Hint.js +10 -10
  145. package/components/Hint/Hint.js.map +1 -1
  146. package/components/Input/Input.css.d.ts +73 -0
  147. package/components/Input/Input.css.js +22 -0
  148. package/components/Input/Input.css.js.map +1 -0
  149. package/components/Input/Input.d.ts +0 -3
  150. package/components/Input/Input.js +18 -18
  151. package/components/Input/Input.js.map +1 -1
  152. package/components/Input/InputLayout/InputLayout.css.d.ts +32 -0
  153. package/components/Input/InputLayout/InputLayout.css.js +18 -0
  154. package/components/Input/InputLayout/InputLayout.css.js.map +1 -0
  155. package/components/Input/InputLayout/InputLayout.js +2 -4
  156. package/components/Input/InputLayout/InputLayout.js.map +1 -1
  157. package/components/Input/InputLayout/InputLayoutAside.js +2 -4
  158. package/components/Input/InputLayout/InputLayoutAside.js.map +1 -1
  159. package/components/Input/InputLayout/InputLayoutAsideCounter.js +9 -11
  160. package/components/Input/InputLayout/InputLayoutAsideCounter.js.map +1 -1
  161. package/components/Input/InputLayout/InputLayoutAsideIcon.js +3 -5
  162. package/components/Input/InputLayout/InputLayoutAsideIcon.js.map +1 -1
  163. package/components/Input/InputLayout/InputLayoutAsideText.js +4 -6
  164. package/components/Input/InputLayout/InputLayoutAsideText.js.map +1 -1
  165. package/components/Kebab/Kebab.css.d.ts +18 -0
  166. package/components/Kebab/Kebab.css.js +10 -0
  167. package/components/Kebab/Kebab.css.js.map +1 -0
  168. package/components/Kebab/Kebab.d.ts +0 -3
  169. package/components/Kebab/Kebab.js +6 -6
  170. package/components/Kebab/Kebab.js.map +1 -1
  171. package/components/Link/Link.css.d.ts +43 -0
  172. package/components/Link/Link.css.js +22 -0
  173. package/components/Link/Link.css.js.map +1 -0
  174. package/components/Link/Link.d.ts +0 -3
  175. package/components/Link/Link.js +25 -24
  176. package/components/Link/Link.js.map +1 -1
  177. package/components/Link/LinkIcon.js +4 -8
  178. package/components/Link/LinkIcon.js.map +1 -1
  179. package/components/Loader/Loader.css.d.ts +12 -0
  180. package/components/Loader/Loader.css.js +7 -0
  181. package/components/Loader/Loader.css.js.map +1 -0
  182. package/components/Loader/Loader.d.ts +0 -5
  183. package/components/Loader/Loader.js +8 -16
  184. package/components/Loader/Loader.js.map +1 -1
  185. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.css.d.ts +7 -0
  186. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.css.js +4 -0
  187. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.css.js.map +1 -0
  188. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.js +4 -6
  189. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.js.map +1 -1
  190. package/components/MaskedInput/MaskedInput.css.d.ts +7 -0
  191. package/components/MaskedInput/MaskedInput.css.js +5 -0
  192. package/components/MaskedInput/MaskedInput.css.js.map +1 -0
  193. package/components/MaskedInput/MaskedInputLegacy.js +4 -8
  194. package/components/MaskedInput/MaskedInputLegacy.js.map +1 -1
  195. package/components/MaskedInputV2/MaskedInputV2.css.d.ts +7 -0
  196. package/components/MaskedInputV2/MaskedInputV2.css.js +5 -0
  197. package/components/MaskedInputV2/MaskedInputV2.css.js.map +1 -0
  198. package/components/MaskedInputV2/MaskedInputV2.js +4 -8
  199. package/components/MaskedInputV2/MaskedInputV2.js.map +1 -1
  200. package/components/MaskedInputV2/internal/MaskOverlay.js +7 -13
  201. package/components/MaskedInputV2/internal/MaskOverlay.js.map +1 -1
  202. package/components/MaskedInputV2/internal/MaskedCore.js +5 -8
  203. package/components/MaskedInputV2/internal/MaskedCore.js.map +1 -1
  204. package/components/MaskedInputV2/internal/MaskedInternal.css.d.ts +19 -0
  205. package/components/MaskedInputV2/internal/MaskedInternal.css.js +8 -0
  206. package/components/MaskedInputV2/internal/MaskedInternal.css.js.map +1 -0
  207. package/components/MaskedInputV2/react-imask/input.d.ts +1 -1
  208. package/components/MenuFooter/MenuFooter.css.d.ts +16 -0
  209. package/components/MenuFooter/MenuFooter.css.js +9 -0
  210. package/components/MenuFooter/MenuFooter.css.js.map +1 -0
  211. package/components/MenuFooter/MenuFooter.js +10 -14
  212. package/components/MenuFooter/MenuFooter.js.map +1 -1
  213. package/components/MenuFooter/MenuFooter.mixins.d.ts +8 -2
  214. package/components/MenuFooter/MenuFooter.mixins.js +8 -4
  215. package/components/MenuFooter/MenuFooter.mixins.js.map +1 -1
  216. package/components/MenuHeader/MenuHeader.css.d.ts +16 -0
  217. package/components/MenuHeader/MenuHeader.css.js +9 -0
  218. package/components/MenuHeader/MenuHeader.css.js.map +1 -0
  219. package/components/MenuHeader/MenuHeader.js +9 -13
  220. package/components/MenuHeader/MenuHeader.js.map +1 -1
  221. package/components/MenuHeader/MenuHeader.mixins.d.ts +8 -2
  222. package/components/MenuHeader/MenuHeader.mixins.js +8 -4
  223. package/components/MenuHeader/MenuHeader.mixins.js.map +1 -1
  224. package/components/MenuItem/MenuItem.css.d.ts +50 -0
  225. package/components/MenuItem/MenuItem.css.js +26 -0
  226. package/components/MenuItem/MenuItem.css.js.map +1 -0
  227. package/components/MenuItem/MenuItem.d.ts +0 -3
  228. package/components/MenuItem/MenuItem.js +30 -30
  229. package/components/MenuItem/MenuItem.js.map +1 -1
  230. package/components/MenuItem/MenuItem.mixins.d.ts +12 -4
  231. package/components/MenuItem/MenuItem.mixins.js +12 -19
  232. package/components/MenuItem/MenuItem.mixins.js.map +1 -1
  233. package/components/MenuSeparator/MenuSeparator.css.d.ts +6 -0
  234. package/components/MenuSeparator/MenuSeparator.css.js +4 -0
  235. package/components/MenuSeparator/MenuSeparator.css.js.map +1 -0
  236. package/components/MenuSeparator/MenuSeparator.js +7 -13
  237. package/components/MenuSeparator/MenuSeparator.js.map +1 -1
  238. package/components/MiniModal/MiniModal.css.d.ts +17 -0
  239. package/components/MiniModal/MiniModal.css.js +10 -0
  240. package/components/MiniModal/MiniModal.css.js.map +1 -0
  241. package/components/MiniModal/MiniModalBody.js +2 -8
  242. package/components/MiniModal/MiniModalBody.js.map +1 -1
  243. package/components/MiniModal/MiniModalFooter.js +4 -8
  244. package/components/MiniModal/MiniModalFooter.js.map +1 -1
  245. package/components/MiniModal/MiniModalHeader.js +6 -10
  246. package/components/MiniModal/MiniModalHeader.js.map +1 -1
  247. package/components/MiniModal/MiniModalIndent.js +3 -7
  248. package/components/MiniModal/MiniModalIndent.js.map +1 -1
  249. package/components/MiniModal/getMiniModalTheme.d.ts +1 -2
  250. package/components/MiniModal/getMiniModalTheme.js +3 -2
  251. package/components/MiniModal/getMiniModalTheme.js.map +1 -1
  252. package/components/Modal/Modal.css.d.ts +102 -0
  253. package/components/Modal/Modal.css.js +51 -0
  254. package/components/Modal/Modal.css.js.map +1 -0
  255. package/components/Modal/Modal.d.ts +0 -3
  256. package/components/Modal/Modal.js +26 -26
  257. package/components/Modal/Modal.js.map +1 -1
  258. package/components/Modal/ModalBody.d.ts +0 -3
  259. package/components/Modal/ModalBody.js +10 -12
  260. package/components/Modal/ModalBody.js.map +1 -1
  261. package/components/Modal/ModalClose.js +14 -19
  262. package/components/Modal/ModalClose.js.map +1 -1
  263. package/components/Modal/ModalFooter.js +3 -5
  264. package/components/Modal/ModalFooter.js.map +1 -1
  265. package/components/Modal/ModalHeader.js +3 -5
  266. package/components/Modal/ModalHeader.js.map +1 -1
  267. package/components/Modal/ModalSeparator.js +5 -9
  268. package/components/Modal/ModalSeparator.js.map +1 -1
  269. package/components/Modal/getModalBodyTheme.d.ts +1 -2
  270. package/components/Modal/getModalBodyTheme.js +3 -2
  271. package/components/Modal/getModalBodyTheme.js.map +1 -1
  272. package/components/Modal/getModalTheme.d.ts +1 -2
  273. package/components/Modal/getModalTheme.js +3 -2
  274. package/components/Modal/getModalTheme.js.map +1 -1
  275. package/components/Paging/Paging.css.d.ts +60 -0
  276. package/components/Paging/Paging.css.js +31 -0
  277. package/components/Paging/Paging.css.js.map +1 -0
  278. package/components/Paging/Paging.d.ts +0 -4
  279. package/components/Paging/Paging.js +36 -44
  280. package/components/Paging/Paging.js.map +1 -1
  281. package/components/PasswordInput/PasswordInput.css.d.ts +18 -0
  282. package/components/PasswordInput/PasswordInput.css.js +10 -0
  283. package/components/PasswordInput/PasswordInput.css.js.map +1 -0
  284. package/components/PasswordInput/PasswordInput.d.ts +0 -4
  285. package/components/PasswordInput/PasswordInput.js +10 -17
  286. package/components/PasswordInput/PasswordInput.js.map +1 -1
  287. package/components/PasswordInput/locale/locales/en.js +2 -2
  288. package/components/PasswordInput/locale/locales/en.js.map +1 -1
  289. package/components/PasswordInput/locale/locales/ru.js +2 -2
  290. package/components/PasswordInput/locale/locales/ru.js.map +1 -1
  291. package/components/Radio/Radio.css.d.ts +61 -0
  292. package/components/Radio/Radio.css.js +31 -0
  293. package/components/Radio/Radio.css.js.map +1 -0
  294. package/components/Radio/Radio.d.ts +0 -4
  295. package/components/Radio/Radio.js +33 -38
  296. package/components/Radio/Radio.js.map +1 -1
  297. package/components/Radio/Radio.mixins.d.ts +39 -7
  298. package/components/Radio/Radio.mixins.js +37 -23
  299. package/components/Radio/Radio.mixins.js.map +1 -1
  300. package/components/RadioGroup/RadioGroup.css.d.ts +10 -0
  301. package/components/RadioGroup/RadioGroup.css.js +6 -0
  302. package/components/RadioGroup/RadioGroup.css.js.map +1 -0
  303. package/components/RadioGroup/RadioGroup.d.ts +0 -3
  304. package/components/RadioGroup/RadioGroup.js +8 -10
  305. package/components/RadioGroup/RadioGroup.js.map +1 -1
  306. package/components/ScrollContainer/ScrollBar.d.ts +1 -6
  307. package/components/ScrollContainer/ScrollBar.js +25 -33
  308. package/components/ScrollContainer/ScrollBar.js.map +1 -1
  309. package/components/ScrollContainer/ScrollContainer.css.d.ts +31 -0
  310. package/components/ScrollContainer/ScrollContainer.css.js +14 -0
  311. package/components/ScrollContainer/ScrollContainer.css.js.map +1 -0
  312. package/components/ScrollContainer/ScrollContainer.d.ts +0 -3
  313. package/components/ScrollContainer/ScrollContainer.js +4 -4
  314. package/components/ScrollContainer/ScrollContainer.js.map +1 -1
  315. package/components/Select/Select.css.d.ts +31 -0
  316. package/components/Select/Select.css.js +16 -0
  317. package/components/Select/Select.css.js.map +1 -0
  318. package/components/Select/Select.d.ts +0 -4
  319. package/components/Select/Select.js +25 -24
  320. package/components/Select/Select.js.map +1 -1
  321. package/components/Select/selectTheme.d.ts +1 -3
  322. package/components/Select/selectTheme.js +8 -7
  323. package/components/Select/selectTheme.js.map +1 -1
  324. package/components/SidePage/SidePage.css.d.ts +96 -0
  325. package/components/SidePage/SidePage.css.js +49 -0
  326. package/components/SidePage/SidePage.css.js.map +1 -0
  327. package/components/SidePage/SidePage.d.ts +0 -5
  328. package/components/SidePage/SidePage.js +21 -29
  329. package/components/SidePage/SidePage.js.map +1 -1
  330. package/components/SidePage/SidePageBody.d.ts +0 -3
  331. package/components/SidePage/SidePageBody.js +5 -11
  332. package/components/SidePage/SidePageBody.js.map +1 -1
  333. package/components/SidePage/SidePageCloseButton.js +7 -10
  334. package/components/SidePage/SidePageCloseButton.js.map +1 -1
  335. package/components/SidePage/SidePageContainer.d.ts +0 -4
  336. package/components/SidePage/SidePageContainer.js +10 -17
  337. package/components/SidePage/SidePageContainer.js.map +1 -1
  338. package/components/SidePage/SidePageFooter.d.ts +1 -6
  339. package/components/SidePage/SidePageFooter.js +10 -18
  340. package/components/SidePage/SidePageFooter.js.map +1 -1
  341. package/components/SidePage/SidePageHeader.d.ts +0 -3
  342. package/components/SidePage/SidePageHeader.js +14 -16
  343. package/components/SidePage/SidePageHeader.js.map +1 -1
  344. package/components/Spinner/Spinner.css.d.ts +22 -0
  345. package/components/Spinner/Spinner.css.js +12 -0
  346. package/components/Spinner/Spinner.css.js.map +1 -0
  347. package/components/Spinner/Spinner.d.ts +0 -5
  348. package/components/Spinner/Spinner.js +9 -19
  349. package/components/Spinner/Spinner.js.map +1 -1
  350. package/components/Sticky/Sticky.css.d.ts +12 -0
  351. package/components/Sticky/Sticky.css.js +7 -0
  352. package/components/Sticky/Sticky.css.js.map +1 -0
  353. package/components/Sticky/Sticky.d.ts +0 -4
  354. package/components/Sticky/Sticky.js +7 -10
  355. package/components/Sticky/Sticky.js.map +1 -1
  356. package/components/Switcher/Switcher.css.d.ts +20 -0
  357. package/components/Switcher/Switcher.css.js +11 -0
  358. package/components/Switcher/Switcher.css.js.map +1 -0
  359. package/components/Switcher/Switcher.d.ts +0 -3
  360. package/components/Switcher/Switcher.js +11 -13
  361. package/components/Switcher/Switcher.js.map +1 -1
  362. package/components/Switcher/switcherTheme.d.ts +1 -2
  363. package/components/Switcher/switcherTheme.js +3 -2
  364. package/components/Switcher/switcherTheme.js.map +1 -1
  365. package/components/Tabs/Indicator.css.d.ts +12 -0
  366. package/components/Tabs/Indicator.css.js +7 -0
  367. package/components/Tabs/Indicator.css.js.map +1 -0
  368. package/components/Tabs/Indicator.d.ts +0 -3
  369. package/components/Tabs/Indicator.js +3 -3
  370. package/components/Tabs/Indicator.js.map +1 -1
  371. package/components/Tabs/Tab.css.d.ts +55 -0
  372. package/components/Tabs/Tab.css.js +28 -0
  373. package/components/Tabs/Tab.css.js.map +1 -0
  374. package/components/Tabs/Tab.d.ts +1 -8
  375. package/components/Tabs/Tab.js +23 -33
  376. package/components/Tabs/Tab.js.map +1 -1
  377. package/components/Tabs/Tabs.css.d.ts +10 -0
  378. package/components/Tabs/Tabs.css.js +6 -0
  379. package/components/Tabs/Tabs.css.js.map +1 -0
  380. package/components/Tabs/Tabs.d.ts +0 -4
  381. package/components/Tabs/Tabs.js +25 -30
  382. package/components/Tabs/Tabs.js.map +1 -1
  383. package/components/Textarea/Textarea.css.d.ts +42 -0
  384. package/components/Textarea/Textarea.css.js +22 -0
  385. package/components/Textarea/Textarea.css.js.map +1 -0
  386. package/components/Textarea/Textarea.d.ts +1 -4
  387. package/components/Textarea/Textarea.js +19 -19
  388. package/components/Textarea/Textarea.js.map +1 -1
  389. package/components/Textarea/Textarea.mixins.d.ts +8 -2
  390. package/components/Textarea/Textarea.mixins.js +8 -6
  391. package/components/Textarea/Textarea.mixins.js.map +1 -1
  392. package/components/Textarea/TextareaCounter.js +7 -9
  393. package/components/Textarea/TextareaCounter.js.map +1 -1
  394. package/components/ThemeContainer/ThemeContainer.d.ts +16 -0
  395. package/components/ThemeContainer/ThemeContainer.js +46 -0
  396. package/components/ThemeContainer/ThemeContainer.js.map +1 -0
  397. package/components/ThemeContainer/index.d.ts +1 -0
  398. package/components/ThemeContainer/index.js +2 -0
  399. package/components/ThemeContainer/index.js.map +1 -0
  400. package/components/TimePicker/TimePicker.css.d.ts +19 -0
  401. package/components/TimePicker/TimePicker.css.js +10 -0
  402. package/components/TimePicker/TimePicker.css.js.map +1 -0
  403. package/components/TimePicker/TimePicker.js +4 -6
  404. package/components/TimePicker/TimePicker.js.map +1 -1
  405. package/components/TimePicker/TimePickerItems.js +12 -16
  406. package/components/TimePicker/TimePickerItems.js.map +1 -1
  407. package/components/TimePicker/TimePickerPopup.js +2 -4
  408. package/components/TimePicker/TimePickerPopup.js.map +1 -1
  409. package/components/TimePicker/helpers/TimePicker.constants.d.ts +1 -0
  410. package/components/TimePicker/helpers/TimePicker.constants.js +3 -0
  411. package/components/TimePicker/helpers/TimePicker.constants.js.map +1 -1
  412. package/components/TimePicker/helpers/TimePicker.value.d.ts +0 -1
  413. package/components/TimePicker/helpers/TimePicker.value.js +0 -5
  414. package/components/TimePicker/helpers/TimePicker.value.js.map +1 -1
  415. package/components/Toast/Toast.css.d.ts +10 -0
  416. package/components/Toast/Toast.css.js +6 -0
  417. package/components/Toast/Toast.css.js.map +1 -0
  418. package/components/Toast/Toast.d.ts +0 -2
  419. package/components/Toast/Toast.js +7 -10
  420. package/components/Toast/Toast.js.map +1 -1
  421. package/components/Toast/ToastView.css.d.ts +31 -0
  422. package/components/Toast/ToastView.css.js +16 -0
  423. package/components/Toast/ToastView.css.js.map +1 -0
  424. package/components/Toast/ToastView.d.ts +0 -3
  425. package/components/Toast/ToastView.js +9 -11
  426. package/components/Toast/ToastView.js.map +1 -1
  427. package/components/Toggle/Toggle.classes.js +1 -1
  428. package/components/Toggle/Toggle.classes.js.map +1 -1
  429. package/components/Toggle/Toggle.css.d.ts +93 -0
  430. package/components/Toggle/Toggle.css.js +48 -0
  431. package/components/Toggle/Toggle.css.js.map +1 -0
  432. package/components/Toggle/Toggle.d.ts +1 -6
  433. package/components/Toggle/Toggle.js +52 -60
  434. package/components/Toggle/Toggle.js.map +1 -1
  435. package/components/Token/Token.css.d.ts +39 -0
  436. package/components/Token/Token.css.js +20 -0
  437. package/components/Token/Token.css.js.map +1 -0
  438. package/components/Token/Token.d.ts +0 -5
  439. package/components/Token/Token.js +4 -15
  440. package/components/Token/Token.js.map +1 -1
  441. package/components/Token/Token.mixins.d.ts +6 -1
  442. package/components/Token/Token.mixins.js +6 -3
  443. package/components/Token/Token.mixins.js.map +1 -1
  444. package/components/Token/TokenView.js +8 -12
  445. package/components/Token/TokenView.js.map +1 -1
  446. package/components/TokenInput/TextWidthHelper.d.ts +0 -3
  447. package/components/TokenInput/TextWidthHelper.js +7 -17
  448. package/components/TokenInput/TextWidthHelper.js.map +1 -1
  449. package/components/TokenInput/TokenInput.css.d.ts +40 -0
  450. package/components/TokenInput/TokenInput.css.js +22 -0
  451. package/components/TokenInput/TokenInput.css.js.map +1 -0
  452. package/components/TokenInput/TokenInput.d.ts +0 -3
  453. package/components/TokenInput/TokenInput.js +22 -23
  454. package/components/TokenInput/TokenInput.js.map +1 -1
  455. package/components/TokenInput/TokenInput.mixins.d.ts +8 -2
  456. package/components/TokenInput/TokenInput.mixins.js +8 -6
  457. package/components/TokenInput/TokenInput.mixins.js.map +1 -1
  458. package/components/TokenInput/TokenInputMenu.js +5 -3
  459. package/components/TokenInput/TokenInputMenu.js.map +1 -1
  460. package/components/Tooltip/Tooltip.css.d.ts +18 -0
  461. package/components/Tooltip/Tooltip.css.js +10 -0
  462. package/components/Tooltip/Tooltip.css.js.map +1 -0
  463. package/components/Tooltip/Tooltip.d.ts +1 -12
  464. package/components/Tooltip/Tooltip.js +29 -42
  465. package/components/Tooltip/Tooltip.js.map +1 -1
  466. package/components/TooltipMenu/TooltipMenu.js +10 -6
  467. package/components/TooltipMenu/TooltipMenu.js.map +1 -1
  468. package/index.d.ts +1 -0
  469. package/index.js +1 -0
  470. package/index.js.map +1 -1
  471. package/internal/ClearCrossIcon/ClearCrossIcon.css.d.ts +18 -0
  472. package/internal/ClearCrossIcon/ClearCrossIcon.css.js +10 -0
  473. package/internal/ClearCrossIcon/ClearCrossIcon.css.js.map +1 -0
  474. package/internal/ClearCrossIcon/ClearCrossIcon.js +8 -11
  475. package/internal/ClearCrossIcon/ClearCrossIcon.js.map +1 -1
  476. package/internal/CloseButtonIcon/CloseButtonIcon.css.d.ts +14 -0
  477. package/internal/CloseButtonIcon/CloseButtonIcon.css.js +8 -0
  478. package/internal/CloseButtonIcon/CloseButtonIcon.css.js.map +1 -0
  479. package/internal/CloseButtonIcon/CloseButtonIcon.js +15 -13
  480. package/internal/CloseButtonIcon/CloseButtonIcon.js.map +1 -1
  481. package/internal/CommonWrapper/CommonWrapper.d.ts +6 -2
  482. package/internal/CommonWrapper/CommonWrapper.js +29 -7
  483. package/internal/CommonWrapper/CommonWrapper.js.map +1 -1
  484. package/internal/CustomComboBox/ComboBoxView.d.ts +0 -4
  485. package/internal/CustomComboBox/ComboBoxView.js +6 -9
  486. package/internal/CustomComboBox/ComboBoxView.js.map +1 -1
  487. package/internal/CustomComboBox/CustomComboBox.css.d.ts +6 -0
  488. package/internal/CustomComboBox/CustomComboBox.css.js +4 -0
  489. package/internal/CustomComboBox/CustomComboBox.css.js.map +1 -0
  490. package/internal/CustomComboBox/getComboBoxTheme.d.ts +1 -2
  491. package/internal/CustomComboBox/getComboBoxTheme.js +3 -2
  492. package/internal/CustomComboBox/getComboBoxTheme.js.map +1 -1
  493. package/internal/DateSelect/DateSelect.css.d.ts +11 -0
  494. package/internal/DateSelect/DateSelect.css.js +6 -0
  495. package/internal/DateSelect/DateSelect.css.js.map +1 -0
  496. package/internal/DateSelect/DateSelect.d.ts +0 -3
  497. package/internal/DateSelect/DateSelect.js +5 -7
  498. package/internal/DateSelect/DateSelect.js.map +1 -1
  499. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.css.d.ts +4 -0
  500. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.css.js +3 -0
  501. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.css.js.map +1 -0
  502. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts +1 -2
  503. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js +8 -13
  504. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map +1 -1
  505. package/internal/InputLikeText/InputLikeText.css.d.ts +8 -0
  506. package/internal/InputLikeText/InputLikeText.css.js +5 -0
  507. package/internal/InputLikeText/InputLikeText.css.js.map +1 -0
  508. package/internal/InputLikeText/InputLikeText.d.ts +0 -4
  509. package/internal/InputLikeText/InputLikeText.js +28 -29
  510. package/internal/InputLikeText/InputLikeText.js.map +1 -1
  511. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.css.d.ts +6 -0
  512. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.css.js +5 -0
  513. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.css.js.map +1 -0
  514. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.d.ts +0 -5
  515. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.js +33 -33
  516. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.js.map +1 -1
  517. package/internal/MaskCharLowLine/MaskCharLowLine.css.d.ts +4 -0
  518. package/internal/MaskCharLowLine/MaskCharLowLine.css.js +3 -0
  519. package/internal/MaskCharLowLine/MaskCharLowLine.css.js.map +1 -0
  520. package/internal/MaskCharLowLine/MaskCharLowLine.js +2 -4
  521. package/internal/MaskCharLowLine/MaskCharLowLine.js.map +1 -1
  522. package/internal/Menu/Menu.css.d.ts +28 -0
  523. package/internal/Menu/Menu.css.js +15 -0
  524. package/internal/Menu/Menu.css.js.map +1 -0
  525. package/internal/Menu/Menu.d.ts +0 -3
  526. package/internal/Menu/Menu.js +28 -24
  527. package/internal/Menu/Menu.js.map +1 -1
  528. package/internal/MenuMessage/MenuMessage.css.d.ts +18 -0
  529. package/internal/MenuMessage/MenuMessage.css.js +10 -0
  530. package/internal/MenuMessage/MenuMessage.css.js.map +1 -0
  531. package/internal/MenuMessage/MenuMessage.js +10 -12
  532. package/internal/MenuMessage/MenuMessage.js.map +1 -1
  533. package/internal/MobilePopup/MobilePopup.css.d.ts +30 -0
  534. package/internal/MobilePopup/MobilePopup.css.js +16 -0
  535. package/internal/MobilePopup/MobilePopup.css.js.map +1 -0
  536. package/internal/MobilePopup/MobilePopup.d.ts +0 -3
  537. package/internal/MobilePopup/MobilePopup.js +17 -19
  538. package/internal/MobilePopup/MobilePopup.js.map +1 -1
  539. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.css.d.ts +10 -0
  540. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.css.js +6 -0
  541. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.css.js.map +1 -0
  542. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.d.ts +0 -2
  543. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js +5 -16
  544. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js.map +1 -1
  545. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.css.d.ts +24 -0
  546. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.css.js +13 -0
  547. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.css.js.map +1 -0
  548. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts +0 -3
  549. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js +18 -28
  550. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js.map +1 -1
  551. package/internal/NativeDateInput/NativeDateInput.css.d.ts +4 -0
  552. package/internal/NativeDateInput/NativeDateInput.css.js +3 -0
  553. package/internal/NativeDateInput/NativeDateInput.css.js.map +1 -0
  554. package/internal/NativeDateInput/NativeDateInput.d.ts +0 -2
  555. package/internal/NativeDateInput/NativeDateInput.js +2 -13
  556. package/internal/NativeDateInput/NativeDateInput.js.map +1 -1
  557. package/internal/NativeTimeInput/NativeTimeInput.css.d.ts +4 -0
  558. package/internal/NativeTimeInput/NativeTimeInput.css.js +3 -0
  559. package/internal/NativeTimeInput/NativeTimeInput.css.js.map +1 -0
  560. package/internal/NativeTimeInput/NativeTimeInput.js +2 -4
  561. package/internal/NativeTimeInput/NativeTimeInput.js.map +1 -1
  562. package/internal/Popup/Popup.css.d.ts +35 -0
  563. package/internal/Popup/Popup.css.js +16 -0
  564. package/internal/Popup/Popup.css.js.map +1 -0
  565. package/internal/Popup/Popup.d.ts +0 -11
  566. package/internal/Popup/Popup.js +26 -40
  567. package/internal/Popup/Popup.js.map +1 -1
  568. package/internal/Popup/PopupPin.css.d.ts +16 -0
  569. package/internal/Popup/PopupPin.css.js +9 -0
  570. package/internal/Popup/PopupPin.css.js.map +1 -0
  571. package/internal/Popup/PopupPin.d.ts +0 -3
  572. package/internal/Popup/PopupPin.js +8 -8
  573. package/internal/Popup/PopupPin.js.map +1 -1
  574. package/internal/PopupMenu/PopupMenu.css.d.ts +6 -0
  575. package/internal/PopupMenu/PopupMenu.css.js +4 -0
  576. package/internal/PopupMenu/PopupMenu.css.js.map +1 -0
  577. package/internal/PopupMenu/PopupMenu.d.ts +0 -2
  578. package/internal/PopupMenu/PopupMenu.js +9 -8
  579. package/internal/PopupMenu/PopupMenu.js.map +1 -1
  580. package/internal/RenderContainer/RenderContainer.d.ts +2 -0
  581. package/internal/RenderContainer/RenderContainer.js +38 -3
  582. package/internal/RenderContainer/RenderContainer.js.map +1 -1
  583. package/internal/RenderContainer/RenderInnerContainer.js +6 -3
  584. package/internal/RenderContainer/RenderInnerContainer.js.map +1 -1
  585. package/internal/ResizeDetector/ResizeDetector.css.d.ts +12 -0
  586. package/internal/ResizeDetector/ResizeDetector.css.js +7 -0
  587. package/internal/ResizeDetector/ResizeDetector.css.js.map +1 -0
  588. package/internal/ResizeDetector/ResizeDetector.d.ts +0 -3
  589. package/internal/ResizeDetector/ResizeDetector.js +8 -18
  590. package/internal/ResizeDetector/ResizeDetector.js.map +1 -1
  591. package/internal/SpinnerIcon/SpinnerIcon.css.d.ts +10 -0
  592. package/internal/SpinnerIcon/SpinnerIcon.css.js +6 -0
  593. package/internal/SpinnerIcon/SpinnerIcon.css.js.map +1 -0
  594. package/internal/SpinnerIcon/SpinnerIcon.js +5 -7
  595. package/internal/SpinnerIcon/SpinnerIcon.js.map +1 -1
  596. package/internal/TextWidthHelper/TextWidthHelper.css.d.ts +6 -0
  597. package/internal/TextWidthHelper/TextWidthHelper.css.js +4 -0
  598. package/internal/TextWidthHelper/TextWidthHelper.css.js.map +1 -0
  599. package/internal/TextWidthHelper/TextWidthHelper.d.ts +0 -2
  600. package/internal/TextWidthHelper/TextWidthHelper.js +3 -14
  601. package/internal/TextWidthHelper/TextWidthHelper.js.map +1 -1
  602. package/internal/TimeInput/TimeFragments.css.d.ts +47 -0
  603. package/internal/TimeInput/TimeFragments.css.js +18 -0
  604. package/internal/TimeInput/TimeFragments.css.js.map +1 -0
  605. package/internal/TimeInput/TimeFragments.js +22 -26
  606. package/internal/TimeInput/TimeFragments.js.map +1 -1
  607. package/internal/TimeInput/TimeInput.css.d.ts +10 -0
  608. package/internal/TimeInput/TimeInput.css.js +6 -0
  609. package/internal/TimeInput/TimeInput.css.js.map +1 -0
  610. package/internal/TimeInput/TimeInput.js +6 -8
  611. package/internal/TimeInput/TimeInput.js.map +1 -1
  612. package/internal/icons2022/BaseIcon.css.d.ts +4 -0
  613. package/internal/icons2022/BaseIcon.css.js +3 -0
  614. package/internal/icons2022/BaseIcon.css.js.map +1 -0
  615. package/internal/icons2022/BaseIcon.js +2 -4
  616. package/internal/icons2022/BaseIcon.js.map +1 -1
  617. package/internal/icons2022/LoadingIcon.js +3 -7
  618. package/internal/icons2022/LoadingIcon.js.map +1 -1
  619. package/internal/themes/BasicTheme.d.ts +5 -5
  620. package/internal/themes/BasicTheme.js +42 -12
  621. package/internal/themes/BasicTheme.js.map +1 -1
  622. package/internal/themes/DarkTheme6_0.js +0 -2
  623. package/internal/themes/DarkTheme6_0.js.map +1 -1
  624. package/lib/cx.d.ts +2 -0
  625. package/lib/cx.js +23 -0
  626. package/lib/cx.js.map +1 -0
  627. package/lib/prefix.d.ts +2 -0
  628. package/lib/prefix.js +22 -0
  629. package/lib/prefix.js.map +1 -0
  630. package/lib/renderEnvironment/RenderEnvironmentContext.d.ts +0 -4
  631. package/lib/renderEnvironment/RenderEnvironmentContext.js +21 -16
  632. package/lib/renderEnvironment/RenderEnvironmentContext.js.map +1 -1
  633. package/lib/renderEnvironment/RenderEnvironmentDecorator.js +1 -3
  634. package/lib/renderEnvironment/RenderEnvironmentDecorator.js.map +1 -1
  635. package/lib/styles/LabGrotesqueBaseline.css.d.ts +1 -0
  636. package/lib/styles/LabGrotesqueBaseline.css.js +0 -0
  637. package/lib/styles/LabGrotesqueBaseline.css.js.map +1 -0
  638. package/lib/styles/UiFont.css.d.ts +1 -0
  639. package/lib/styles/UiFont.css.js +2 -0
  640. package/lib/styles/UiFont.css.js.map +1 -0
  641. package/lib/styles/getLabGrotesqueBaselineCompensation.d.ts +6 -1
  642. package/lib/styles/getLabGrotesqueBaselineCompensation.js +23 -6
  643. package/lib/styles/getLabGrotesqueBaselineCompensation.js.map +1 -1
  644. package/lib/theming/ThemeFactory.d.ts +1 -10
  645. package/lib/theming/ThemeFactory.js +1 -29
  646. package/lib/theming/ThemeFactory.js.map +1 -1
  647. package/lib/theming/memoizeTheme.d.ts +11 -0
  648. package/lib/theming/memoizeTheme.js +37 -0
  649. package/lib/theming/memoizeTheme.js.map +1 -0
  650. package/lib/theming/themeVars.d.ts +37 -0
  651. package/lib/theming/themeVars.js +121 -0
  652. package/lib/theming/themeVars.js.map +1 -0
  653. package/package.json +22 -7
  654. package/react-ui.css +6096 -0
  655. package/theme-loader.js +51 -0
  656. package/components/Autocomplete/Autocomplete.styles.d.ts +0 -5
  657. package/components/Autocomplete/Autocomplete.styles.js +0 -18
  658. package/components/Autocomplete/Autocomplete.styles.js.map +0 -1
  659. package/components/Button/Button.mixins.d.ts +0 -4
  660. package/components/Button/Button.mixins.js +0 -21
  661. package/components/Button/Button.mixins.js.map +0 -1
  662. package/components/Button/Button.styles.d.ts +0 -95
  663. package/components/Button/Button.styles.js +0 -260
  664. package/components/Button/Button.styles.js.map +0 -1
  665. package/components/Button/ButtonIcon.styles.d.ts +0 -16
  666. package/components/Button/ButtonIcon.styles.js +0 -53
  667. package/components/Button/ButtonIcon.styles.js.map +0 -1
  668. package/components/Calendar/Calendar.styles.d.ts +0 -6
  669. package/components/Calendar/Calendar.styles.js +0 -22
  670. package/components/Calendar/Calendar.styles.js.map +0 -1
  671. package/components/Calendar/DayCellView.styles.d.ts +0 -9
  672. package/components/Calendar/DayCellView.styles.js +0 -31
  673. package/components/Calendar/DayCellView.styles.js.map +0 -1
  674. package/components/Calendar/MonthView.styles.d.ts +0 -13
  675. package/components/Calendar/MonthView.styles.js +0 -47
  676. package/components/Calendar/MonthView.styles.js.map +0 -1
  677. package/components/Center/Center.styles.d.ts +0 -7
  678. package/components/Center/Center.styles.js +0 -27
  679. package/components/Center/Center.styles.js.map +0 -1
  680. package/components/Checkbox/Checkbox.styles.d.ts +0 -34
  681. package/components/Checkbox/Checkbox.styles.js +0 -100
  682. package/components/Checkbox/Checkbox.styles.js.map +0 -1
  683. package/components/DateInput/DateFragmentsView.styles.d.ts +0 -7
  684. package/components/DateInput/DateFragmentsView.styles.js +0 -28
  685. package/components/DateInput/DateFragmentsView.styles.js.map +0 -1
  686. package/components/DateInput/DateInput.styles.d.ts +0 -11
  687. package/components/DateInput/DateInput.styles.js +0 -29
  688. package/components/DateInput/DateInput.styles.js.map +0 -1
  689. package/components/DatePicker/DatePicker.styles.d.ts +0 -5
  690. package/components/DatePicker/DatePicker.styles.js +0 -18
  691. package/components/DatePicker/DatePicker.styles.js.map +0 -1
  692. package/components/DatePicker/MobilePicker.styles.d.ts +0 -3
  693. package/components/DatePicker/MobilePicker.styles.js +0 -15
  694. package/components/DatePicker/MobilePicker.styles.js.map +0 -1
  695. package/components/DateRangePicker/DateRangePicker.styles.d.ts +0 -16
  696. package/components/DateRangePicker/DateRangePicker.styles.js +0 -57
  697. package/components/DateRangePicker/DateRangePicker.styles.js.map +0 -1
  698. package/components/FileUploader/FileUploader.styles.d.ts +0 -74
  699. package/components/FileUploader/FileUploader.styles.js +0 -221
  700. package/components/FileUploader/FileUploader.styles.js.map +0 -1
  701. package/components/FileUploader/FileUploaderFile.styles.d.ts +0 -60
  702. package/components/FileUploader/FileUploaderFile.styles.js +0 -184
  703. package/components/FileUploader/FileUploaderFile.styles.js.map +0 -1
  704. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.d.ts +0 -34
  705. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.js +0 -103
  706. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.js.map +0 -1
  707. package/components/GlobalLoader/GlobalLoaderView.styles.d.ts +0 -17
  708. package/components/GlobalLoader/GlobalLoaderView.styles.js +0 -70
  709. package/components/GlobalLoader/GlobalLoaderView.styles.js.map +0 -1
  710. package/components/Group/Group.styles.d.ts +0 -8
  711. package/components/Group/Group.styles.js +0 -30
  712. package/components/Group/Group.styles.js.map +0 -1
  713. package/components/Hint/Hint.styles.d.ts +0 -5
  714. package/components/Hint/Hint.styles.js +0 -18
  715. package/components/Hint/Hint.styles.js.map +0 -1
  716. package/components/Input/Input.styles.d.ts +0 -21
  717. package/components/Input/Input.styles.js +0 -68
  718. package/components/Input/Input.styles.js.map +0 -1
  719. package/components/Input/InputLayout/InputLayout.styles.d.ts +0 -18
  720. package/components/Input/InputLayout/InputLayout.styles.js +0 -59
  721. package/components/Input/InputLayout/InputLayout.styles.js.map +0 -1
  722. package/components/Kebab/Kebab.styles.d.ts +0 -11
  723. package/components/Kebab/Kebab.styles.js +0 -36
  724. package/components/Kebab/Kebab.styles.js.map +0 -1
  725. package/components/Link/Link.mixins.d.ts +0 -2
  726. package/components/Link/Link.mixins.js +0 -7
  727. package/components/Link/Link.mixins.js.map +0 -1
  728. package/components/Link/Link.styles.d.ts +0 -24
  729. package/components/Link/Link.styles.js +0 -82
  730. package/components/Link/Link.styles.js.map +0 -1
  731. package/components/Loader/Loader.styles.d.ts +0 -8
  732. package/components/Loader/Loader.styles.js +0 -27
  733. package/components/Loader/Loader.styles.js.map +0 -1
  734. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.d.ts +0 -6
  735. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js +0 -18
  736. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js.map +0 -1
  737. package/components/MaskedInput/MaskedInput.styles.d.ts +0 -7
  738. package/components/MaskedInput/MaskedInput.styles.js +0 -19
  739. package/components/MaskedInput/MaskedInput.styles.js.map +0 -1
  740. package/components/MaskedInputV2/MaskedInputV2.styles.d.ts +0 -7
  741. package/components/MaskedInputV2/MaskedInputV2.styles.js +0 -19
  742. package/components/MaskedInputV2/MaskedInputV2.styles.js.map +0 -1
  743. package/components/MaskedInputV2/internal/MaskedInternal.styles.d.ts +0 -15
  744. package/components/MaskedInputV2/internal/MaskedInternal.styles.js +0 -34
  745. package/components/MaskedInputV2/internal/MaskedInternal.styles.js.map +0 -1
  746. package/components/MenuFooter/MenuFooter.styles.d.ts +0 -10
  747. package/components/MenuFooter/MenuFooter.styles.js +0 -34
  748. package/components/MenuFooter/MenuFooter.styles.js.map +0 -1
  749. package/components/MenuHeader/MenuHeader.styles.d.ts +0 -10
  750. package/components/MenuHeader/MenuHeader.styles.js +0 -34
  751. package/components/MenuHeader/MenuHeader.styles.js.map +0 -1
  752. package/components/MenuItem/MenuItem.styles.d.ts +0 -29
  753. package/components/MenuItem/MenuItem.styles.js +0 -88
  754. package/components/MenuItem/MenuItem.styles.js.map +0 -1
  755. package/components/MenuSeparator/MenuSeparator.styles.d.ts +0 -5
  756. package/components/MenuSeparator/MenuSeparator.styles.js +0 -18
  757. package/components/MenuSeparator/MenuSeparator.styles.js.map +0 -1
  758. package/components/MiniModal/MiniModal.styles.d.ts +0 -11
  759. package/components/MiniModal/MiniModal.styles.js +0 -37
  760. package/components/MiniModal/MiniModal.styles.js.map +0 -1
  761. package/components/Modal/Modal.styles.d.ts +0 -55
  762. package/components/Modal/Modal.styles.js +0 -167
  763. package/components/Modal/Modal.styles.js.map +0 -1
  764. package/components/Paging/Paging.styles.d.ts +0 -32
  765. package/components/Paging/Paging.styles.js +0 -99
  766. package/components/Paging/Paging.styles.js.map +0 -1
  767. package/components/PasswordInput/PasswordInput.styles.d.ts +0 -11
  768. package/components/PasswordInput/PasswordInput.styles.js +0 -36
  769. package/components/PasswordInput/PasswordInput.styles.js.map +0 -1
  770. package/components/Radio/Radio.styles.d.ts +0 -34
  771. package/components/Radio/Radio.styles.js +0 -100
  772. package/components/Radio/Radio.styles.js.map +0 -1
  773. package/components/RadioGroup/RadioGroup.styles.d.ts +0 -6
  774. package/components/RadioGroup/RadioGroup.styles.js +0 -24
  775. package/components/RadioGroup/RadioGroup.styles.js.map +0 -1
  776. package/components/ScrollContainer/ScrollContainer.styles.d.ts +0 -21
  777. package/components/ScrollContainer/ScrollContainer.styles.js +0 -52
  778. package/components/ScrollContainer/ScrollContainer.styles.js.map +0 -1
  779. package/components/Select/Select.styles.d.ts +0 -18
  780. package/components/Select/Select.styles.js +0 -57
  781. package/components/Select/Select.styles.js.map +0 -1
  782. package/components/SidePage/SidePage.styles.d.ts +0 -50
  783. package/components/SidePage/SidePage.styles.js +0 -158
  784. package/components/SidePage/SidePage.styles.js.map +0 -1
  785. package/components/Spinner/Spinner.styles.d.ts +0 -13
  786. package/components/Spinner/Spinner.styles.js +0 -43
  787. package/components/Spinner/Spinner.styles.js.map +0 -1
  788. package/components/Sticky/Sticky.styles.d.ts +0 -7
  789. package/components/Sticky/Sticky.styles.js +0 -27
  790. package/components/Sticky/Sticky.styles.js.map +0 -1
  791. package/components/Switcher/Switcher.styles.d.ts +0 -12
  792. package/components/Switcher/Switcher.styles.js +0 -39
  793. package/components/Switcher/Switcher.styles.js.map +0 -1
  794. package/components/Tabs/Indicator.styles.d.ts +0 -8
  795. package/components/Tabs/Indicator.styles.js +0 -27
  796. package/components/Tabs/Indicator.styles.js.map +0 -1
  797. package/components/Tabs/Tab.styles.d.ts +0 -33
  798. package/components/Tabs/Tab.styles.js +0 -105
  799. package/components/Tabs/Tab.styles.js.map +0 -1
  800. package/components/Tabs/Tabs.styles.d.ts +0 -7
  801. package/components/Tabs/Tabs.styles.js +0 -26
  802. package/components/Tabs/Tabs.styles.js.map +0 -1
  803. package/components/Textarea/Textarea.styles.d.ts +0 -23
  804. package/components/Textarea/Textarea.styles.js +0 -73
  805. package/components/Textarea/Textarea.styles.js.map +0 -1
  806. package/components/TimePicker/TimePicker.styles.d.ts +0 -12
  807. package/components/TimePicker/TimePicker.styles.js +0 -39
  808. package/components/TimePicker/TimePicker.styles.js.map +0 -1
  809. package/components/Toast/Toast.styles.d.ts +0 -6
  810. package/components/Toast/Toast.styles.js +0 -24
  811. package/components/Toast/Toast.styles.js.map +0 -1
  812. package/components/Toast/ToastView.styles.d.ts +0 -18
  813. package/components/Toast/ToastView.styles.js +0 -67
  814. package/components/Toast/ToastView.styles.js.map +0 -1
  815. package/components/Toggle/Toggle.mixins.d.ts +0 -8
  816. package/components/Toggle/Toggle.mixins.js +0 -32
  817. package/components/Toggle/Toggle.mixins.js.map +0 -1
  818. package/components/Toggle/Toggle.styles.d.ts +0 -49
  819. package/components/Toggle/Toggle.styles.js +0 -147
  820. package/components/Toggle/Toggle.styles.js.map +0 -1
  821. package/components/Token/Token.styles.d.ts +0 -23
  822. package/components/Token/Token.styles.js +0 -67
  823. package/components/Token/Token.styles.js.map +0 -1
  824. package/components/TokenInput/TokenInput.styles.d.ts +0 -22
  825. package/components/TokenInput/TokenInput.styles.js +0 -71
  826. package/components/TokenInput/TokenInput.styles.js.map +0 -1
  827. package/components/Tooltip/Tooltip.styles.d.ts +0 -11
  828. package/components/Tooltip/Tooltip.styles.js +0 -36
  829. package/components/Tooltip/Tooltip.styles.js.map +0 -1
  830. package/internal/ClearCrossIcon/ClearCrossIcon.styles.d.ts +0 -12
  831. package/internal/ClearCrossIcon/ClearCrossIcon.styles.js +0 -36
  832. package/internal/ClearCrossIcon/ClearCrossIcon.styles.js.map +0 -1
  833. package/internal/CloseButtonIcon/CloseButtonIcon.styles.d.ts +0 -8
  834. package/internal/CloseButtonIcon/CloseButtonIcon.styles.js +0 -24
  835. package/internal/CloseButtonIcon/CloseButtonIcon.styles.js.map +0 -1
  836. package/internal/CustomComboBox/CustomComboBox.styles.d.ts +0 -4
  837. package/internal/CustomComboBox/CustomComboBox.styles.js +0 -18
  838. package/internal/CustomComboBox/CustomComboBox.styles.js.map +0 -1
  839. package/internal/DateSelect/DateSelect.styles.d.ts +0 -9
  840. package/internal/DateSelect/DateSelect.styles.js +0 -24
  841. package/internal/DateSelect/DateSelect.styles.js.map +0 -1
  842. package/internal/InputLikeText/InputLikeText.styles.d.ts +0 -8
  843. package/internal/InputLikeText/InputLikeText.styles.js +0 -30
  844. package/internal/InputLikeText/InputLikeText.styles.js.map +0 -1
  845. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.d.ts +0 -3
  846. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.js +0 -15
  847. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.js.map +0 -1
  848. package/internal/MaskCharLowLine/MaskCharLowLine.styles.d.ts +0 -3
  849. package/internal/MaskCharLowLine/MaskCharLowLine.styles.js +0 -15
  850. package/internal/MaskCharLowLine/MaskCharLowLine.styles.js.map +0 -1
  851. package/internal/Menu/Menu.styles.d.ts +0 -16
  852. package/internal/Menu/Menu.styles.js +0 -51
  853. package/internal/Menu/Menu.styles.js.map +0 -1
  854. package/internal/MenuMessage/MenuMessage.styles.d.ts +0 -11
  855. package/internal/MenuMessage/MenuMessage.styles.js +0 -41
  856. package/internal/MenuMessage/MenuMessage.styles.js.map +0 -1
  857. package/internal/MobilePopup/MobilePopup.styles.d.ts +0 -17
  858. package/internal/MobilePopup/MobilePopup.styles.js +0 -57
  859. package/internal/MobilePopup/MobilePopup.styles.js.map +0 -1
  860. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.d.ts +0 -7
  861. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js +0 -25
  862. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js.map +0 -1
  863. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts +0 -14
  864. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js +0 -47
  865. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js.map +0 -1
  866. package/internal/NativeDateInput/NativeDateInput.styles.d.ts +0 -3
  867. package/internal/NativeDateInput/NativeDateInput.styles.js +0 -15
  868. package/internal/NativeDateInput/NativeDateInput.styles.js.map +0 -1
  869. package/internal/NativeTimeInput/NativeTimeInput.styles.d.ts +0 -3
  870. package/internal/NativeTimeInput/NativeTimeInput.styles.js +0 -15
  871. package/internal/NativeTimeInput/NativeTimeInput.styles.js.map +0 -1
  872. package/internal/Popup/Popup.styles.d.ts +0 -22
  873. package/internal/Popup/Popup.styles.js +0 -69
  874. package/internal/Popup/Popup.styles.js.map +0 -1
  875. package/internal/Popup/PopupPin.styles.d.ts +0 -9
  876. package/internal/Popup/PopupPin.styles.js +0 -33
  877. package/internal/Popup/PopupPin.styles.js.map +0 -1
  878. package/internal/PopupMenu/PopupMenu.styles.d.ts +0 -4
  879. package/internal/PopupMenu/PopupMenu.styles.js +0 -18
  880. package/internal/PopupMenu/PopupMenu.styles.js.map +0 -1
  881. package/internal/ResizeDetector/ResizeDetector.styles.d.ts +0 -7
  882. package/internal/ResizeDetector/ResizeDetector.styles.js +0 -27
  883. package/internal/ResizeDetector/ResizeDetector.styles.js.map +0 -1
  884. package/internal/SpinnerIcon/SpinnerIcon.styles.d.ts +0 -6
  885. package/internal/SpinnerIcon/SpinnerIcon.styles.js +0 -24
  886. package/internal/SpinnerIcon/SpinnerIcon.styles.js.map +0 -1
  887. package/internal/TextWidthHelper/TextWidthHelper.styles.d.ts +0 -4
  888. package/internal/TextWidthHelper/TextWidthHelper.styles.js +0 -18
  889. package/internal/TextWidthHelper/TextWidthHelper.styles.js.map +0 -1
  890. package/internal/TimeInput/TimeFragments.styles.d.ts +0 -32
  891. package/internal/TimeInput/TimeFragments.styles.js +0 -78
  892. package/internal/TimeInput/TimeFragments.styles.js.map +0 -1
  893. package/internal/TimeInput/TimeInput.styles.d.ts +0 -7
  894. package/internal/TimeInput/TimeInput.styles.js +0 -24
  895. package/internal/TimeInput/TimeInput.styles.js.map +0 -1
  896. package/internal/icons2022/BaseIcon.styles.d.ts +0 -3
  897. package/internal/icons2022/BaseIcon.styles.js +0 -16
  898. package/internal/icons2022/BaseIcon.styles.js.map +0 -1
  899. package/lib/Upgrades.d.ts +0 -6
  900. package/lib/Upgrades.js +0 -34
  901. package/lib/Upgrades.js.map +0 -1
  902. package/lib/styles/Mixins.d.ts +0 -2
  903. package/lib/styles/Mixins.js +0 -7
  904. package/lib/styles/Mixins.js.map +0 -1
  905. package/lib/styles/UiFont.d.ts +0 -3
  906. package/lib/styles/UiFont.js +0 -18
  907. package/lib/styles/UiFont.js.map +0 -1
  908. package/lib/theming/AnimationKeyframes.d.ts +0 -7
  909. package/lib/theming/AnimationKeyframes.js +0 -24
  910. package/lib/theming/AnimationKeyframes.js.map +0 -1
  911. package/lib/theming/Emotion.d.ts +0 -15
  912. package/lib/theming/Emotion.js +0 -72
  913. package/lib/theming/Emotion.js.map +0 -1
  914. package/typings/stylis-plugin-extra-scope.d.ts +0 -3
@@ -1 +1 @@
1
- {"version":3,"file":"ComboBoxView.js","sourceRoot":"","sources":["ComboBoxView.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';\n\nimport type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox/index.js';\nimport type { InputIconType, InputProps, ShowClearIcon } from '../../components/Input/index.js';\nimport { Input } from '../../components/Input/index.js';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput/index.js';\nimport { MaskedInput } from '../../components/MaskedInput/index.js';\nimport { getStyles as getMaskedInputStyles } from '../../components/MaskedInput/MaskedInput.styles.js';\nimport type { MenuItemState } from '../../components/MenuItem/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport { Spinner } from '../../components/Spinner/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.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 { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { getRandomID, isNonNullable } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { LoadingIcon } from '../icons2022/LoadingIcon.js';\nimport { InputLikeText } from '../InputLikeText/index.js';\nimport { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout.js';\nimport type { Menu } from '../Menu/index.js';\nimport { MobilePopup } from '../MobilePopup/index.js';\nimport { Popup } from '../Popup/index.js';\nimport { RenderLayer } from '../RenderLayer/index.js';\nimport { ZIndex } from '../ZIndex/index.js';\nimport { ArrowDownIcon } from './ArrowDownIcon.js';\nimport { ComboBoxMenu } from './ComboBoxMenu.js';\nimport { CustomComboBoxDataTids } from './CustomComboBox.js';\nimport { getStyles } from './CustomComboBox.styles.js';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';\nimport { getComboBoxTheme } from './getComboBoxTheme.js';\n\ninterface ComboBoxViewProps<T>\n extends\n Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'>,\n CommonProps,\n Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {\n align?: 'left' | 'center' | 'right';\n autoFocus?: boolean;\n borderless?: boolean;\n disablePortal?: boolean;\n disabled?: boolean;\n editing?: boolean;\n /**\n * Cостояние валидации при ошибке.\n */\n error?: boolean;\n items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n loading?: boolean;\n /**\n * Позволяет вручную задать текущую позицию выпадающего окна\n */\n menuPos?: 'top' | 'bottom';\n menuAlign?: 'left' | 'right';\n opened?: boolean;\n drawArrow?: boolean;\n placeholder?: string;\n size?: SizeProp;\n textValue?: string;\n totalCount?: number;\n value?: Nullable<T>;\n showClearIcon?: ShowClearIcon;\n /**\n * Cостояние валидации при предупреждении.\n */\n warning?: boolean;\n width?: string | number;\n maxLength?: number;\n maxMenuHeight?: number | string;\n leftIcon?: InputIconType;\n rightIcon?: InputIconType;\n inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n onValueChange?: (value: T) => void;\n onClickOutside?: (e: Event) => void;\n onFocus?: () => void;\n onMobileClose?: () => void;\n onFocusOutside?: () => void;\n onInputBlur?: () => void;\n onInputValueChange?: (value: string) => void;\n onInputFocus?: () => void;\n onInputClick?: () => void;\n onArrowClick?: () => void;\n onClearCrossClick?: () => void;\n onInputKeyDown?: (e: React.KeyboardEvent) => void;\n onMouseEnter?: (e: React.MouseEvent) => void;\n onMouseOver?: (e: React.MouseEvent) => void;\n onMouseLeave?: (e: React.MouseEvent) => void;\n renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n itemWrapper?: (item: T) => React.ComponentType;\n renderNotFound?: () => React.ReactNode;\n renderTotalCount?: (found: number, total: number) => React.ReactNode;\n renderValue?: (item: T) => React.ReactNode;\n renderAddButton?: (query?: string) => React.ReactNode;\n repeatRequest?: () => void;\n requestStatus?: ComboBoxRequestStatus;\n refInput?: (input: Nullable<Input | InternalTextareaWithLayout>) => void;\n refMenu?: (menu: Nullable<Menu>) => void;\n refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n viewMode?: ComboBoxViewMode;\n maxRows?: number;\n preventIconsOffset?: boolean;\n}\n\ntype DefaultProps<T> = Required<\n Pick<\n ComboBoxViewProps<T>,\n | 'renderItem'\n | 'renderValue'\n | 'renderAddButton'\n | 'repeatRequest'\n | 'requestStatus'\n | 'onClickOutside'\n | 'onFocusOutside'\n | 'width'\n | 'showClearIcon'\n >\n>;\n\nexport const ComboBoxViewIds = {\n menu: 'ComboBoxView__menu',\n arrow: 'ComboBoxView__arrow',\n};\n\ninterface ComboBoxViewState {\n anchorElement: Nullable<Element>;\n clearCrossShowed: boolean;\n}\n\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\n@withSize\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, ComboBoxViewState> {\n public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n public static displayName = 'ComboBoxView';\n\n public static defaultProps: DefaultProps<unknown> = {\n renderItem: (item: any) => item,\n renderValue: (item: any) => item,\n renderAddButton: () => null,\n repeatRequest: () => undefined,\n requestStatus: ComboBoxRequestStatus.Unknown,\n onClickOutside: () => {\n /**/\n },\n onFocusOutside: () => {\n /**/\n },\n width: 250,\n showClearIcon: 'never',\n };\n\n private getProps = createPropsGetter(ComboBoxView.defaultProps);\n\n public getRootNode!: TGetRootNode;\n private input: Nullable<Input | InternalTextareaWithLayout>;\n private setRootNode!: TSetRootNode;\n private mobileInput: Nullable<Input> = null;\n private isMobileLayout!: boolean;\n private dropdownContainerRef = React.createRef<Popup>();\n private styles!: ReturnType<typeof getStyles>;\n private maskedInputStyles!: ReturnType<typeof getMaskedInputStyles>;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private theme!: Theme;\n private size!: SizeProp;\n private menuId = ComboBoxViewIds.menu + getRandomID();\n\n public state: ComboBoxViewState = {\n anchorElement: null,\n clearCrossShowed: this.props.showClearIcon === 'always' && !!this.props.value?.toString(),\n };\n\n public componentDidMount() {\n this.updateAnchorElement();\n\n if (this.props.autoFocus && this.props.onFocus) {\n this.props.onFocus();\n }\n }\n\n updateAnchorElement() {\n const parent = this.getParent();\n const anchorElement = this.state.anchorElement;\n\n if (anchorElement !== parent) {\n this.setState({\n anchorElement: parent,\n });\n }\n }\n\n public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n const { input, props } = this;\n\n this.updateAnchorElement();\n\n if (props.editing && !prevProps.editing && input) {\n input.focus();\n }\n }\n\n public render() {\n this.styles = getStyles(this.emotion);\n this.maskedInputStyles = getMaskedInputStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = getComboBoxTheme(theme);\n return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain() {\n const { onMouseEnter, onMouseLeave, onMouseOver, opened } = this.props;\n const { onClickOutside, onFocusOutside, width } = this.getProps();\n\n const isMobile = this.isMobileLayout;\n\n const input = this.renderInput();\n\n return (\n <CommonWrapper {...this.props}>\n <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n <span\n data-tid={CustomComboBoxDataTids.comboBoxView}\n style={{ width }}\n className={this.styles.root()}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseOver={onMouseOver}\n ref={this.setRootNode}\n >\n {input}\n {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n </span>\n </RenderLayer>\n </CommonWrapper>\n );\n }\n\n private getComboBoxMenu = () => {\n const {\n items,\n loading,\n opened,\n refMenu,\n maxMenuHeight,\n renderTotalCount,\n renderNotFound,\n totalCount,\n preventIconsOffset,\n } = this.props;\n\n const { repeatRequest, requestStatus, renderItem, itemWrapper } = this.getProps();\n return (\n <ComboBoxMenu\n hasMargin={false}\n menuId={this.menuId}\n items={items}\n loading={loading}\n maxMenuHeight={maxMenuHeight}\n onValueChange={this.handleItemSelect}\n opened={opened}\n refMenu={refMenu}\n renderTotalCount={renderTotalCount}\n renderItem={renderItem}\n renderNotFound={renderNotFound}\n itemWrapper={itemWrapper}\n renderAddButton={this.renderAddButton}\n repeatRequest={repeatRequest}\n requestStatus={requestStatus}\n totalCount={totalCount}\n isMobile={this.isMobileLayout}\n size={this.size}\n preventIconsOffset={preventIconsOffset}\n />\n );\n };\n\n private renderMenu = () => {\n const { opened, menuPos, menuAlign } = this.getProps();\n const { anchorElement } = this.state;\n\n return (\n opened &&\n anchorElement && (\n <Popup\n opened\n hasShadow\n tryBestFallbackPosition\n minWidth=\"100%\"\n anchorElement={anchorElement}\n priority={ZIndex.priorities.PopupMenu}\n positions={getMenuPositions(menuPos, menuAlign)}\n disablePortal={this.props.disablePortal}\n margin={parseInt(this.theme.menuOffsetY) - 1}\n ref={this.dropdownContainerRef}\n >\n {this.getComboBoxMenu()}\n </Popup>\n )\n );\n };\n\n private renderMobileMenu = () => {\n let rightIcon = null;\n\n const { loading, items, opened, onFocus, onInputValueChange, onInputKeyDown, placeholder, textValue } = this.props;\n if (loading && items && !!items.length) {\n rightIcon = this.renderSpinner();\n }\n\n const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n const inputProps: InputProps = {\n autoComplete: 'off',\n autoFocus: true,\n width: '100%',\n onFocus,\n onValueChange: onInputValueChange,\n onKeyDown: onInputKeyDown,\n value: textValue,\n placeholder,\n rightIcon,\n size: themeGTE6_1 ? this.size : undefined,\n };\n\n const themeDependantProps = themeGTE6_1\n ? {\n footerChildComponent: <Input ref={this.refMobileInput} {...inputProps} />,\n size: this.size,\n }\n : {\n headerChildComponent: <Input ref={this.refMobileInput} {...inputProps} />,\n };\n\n return (\n opened && (\n <MobilePopup {...themeDependantProps} onCloseRequest={this.props.onMobileClose} opened>\n {this.getComboBoxMenu()}\n </MobilePopup>\n )\n );\n };\n\n private getParent = () => {\n return getRootNode(this);\n };\n\n private renderAddButton = (): React.ReactNode => {\n return this.getProps().renderAddButton(this.props.textValue);\n };\n\n private renderInput(): React.ReactNode {\n const isMobile = this.isMobileLayout;\n\n const {\n id,\n align,\n borderless,\n disabled,\n editing,\n error,\n onFocus,\n onInputBlur,\n onInputValueChange,\n onInputFocus,\n onInputClick,\n onInputKeyDown,\n placeholder,\n textValue,\n value,\n warning,\n refInputLikeText,\n leftIcon,\n inputMode,\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n showClearIcon,\n mask,\n maskChar,\n formatChars,\n onBeforePasteInMask,\n } = this.props;\n\n const rightIcon = this.getRightIcon();\n\n const inputProps = {\n id,\n align,\n borderless,\n disabled,\n error,\n maxLength: this.props.maxLength,\n onBlur: isMobile ? undefined : onInputBlur,\n onValueChange: onInputValueChange,\n onFocus: onInputFocus,\n onClick: isMobile ? this.handleMobileFocus : onInputClick,\n leftIcon,\n rightIcon,\n value: textValue || '',\n onKeyDown: onInputKeyDown,\n placeholder,\n width: '100%',\n ref: this.refInput,\n warning,\n inputMode,\n autoComplete: 'off',\n 'aria-describedby': ariaDescribedby,\n 'aria-controls': this.menuId,\n 'aria-label': ariaLabel,\n showClearIcon,\n size: this.size,\n };\n\n const multilineTextareaProps = {\n autoResize: true,\n rows: 1,\n extraRow: false,\n maxRows: this.props.maxRows,\n };\n\n if (this.props.viewMode === 'multiline' && !mask) {\n return <InternalTextareaWithLayout {...inputProps} {...multilineTextareaProps} />;\n }\n\n if (editing) {\n if (mask) {\n return (\n <MaskedInput\n {...inputProps}\n type=\"text\"\n mask={mask}\n maskChar={maskChar}\n formatChars={formatChars}\n onBeforePasteValue={onBeforePasteInMask}\n />\n );\n }\n\n if (this.props.viewMode === 'multiline-editing') {\n return <InternalTextareaWithLayout {...inputProps} {...multilineTextareaProps} />;\n }\n\n return <Input {...inputProps} />;\n }\n\n const { renderValue } = this.getProps();\n return (\n <InputLikeText\n id={id}\n align={align}\n borderless={borderless}\n error={error}\n onFocus={onFocus}\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n disabled={disabled}\n warning={warning}\n placeholder={placeholder}\n size={this.size}\n width=\"100%\"\n ref={refInputLikeText}\n aria-describedby={ariaDescribedby}\n aria-controls={this.menuId}\n showClearIcon={showClearIcon}\n className={this.cx(mask && this.maskedInputStyles.root(this.theme))}\n onClearCrossClick={this.props.onClearCrossClick}\n >\n {isNonNullable(value) && renderValue ? renderValue(value) : null}\n </InputLikeText>\n );\n }\n\n private handleMobileFocus = () => {\n this.props.onInputClick?.();\n\n this.mobileInput?.focus();\n };\n\n private handleItemSelect = (item: T) => {\n if (this.props.onValueChange) {\n this.props.onValueChange(item);\n }\n\n if (this.isMobileLayout) {\n this.props.onMobileClose?.();\n }\n };\n\n private refInput = (input: Nullable<Input | InternalTextareaWithLayout>) => {\n if (this.props.refInput) {\n this.props.refInput(input);\n }\n this.input = input;\n };\n\n private renderSpinner = () => (\n <span className={this.styles.spinnerWrapper()}>\n <Spinner size=\"small\" caption=\"\" dimmed />\n </span>\n );\n\n private getRightIcon = () => {\n const { loading, items, drawArrow, rightIcon } = this.props;\n const size = this.size;\n\n if (loading && items && !!items.length) {\n return <LoadingIcon size={size} />;\n }\n\n if (rightIcon || drawArrow) {\n return (\n rightIcon || (\n <ArrowDownIcon\n data-tid={ComboBoxViewIds.arrow}\n size={size}\n onMouseDown={(event) => event.preventDefault()}\n onClick={this.handleArrowClick}\n />\n )\n );\n }\n\n return null;\n };\n\n private refMobileInput = (input: Nullable<Input>) => {\n this.mobileInput = input;\n };\n\n private handleArrowClick = (event: React.MouseEvent) => {\n event.preventDefault();\n this.props.onArrowClick?.();\n };\n}\n"]}
1
+ {"version":3,"file":"ComboBoxView.js","sourceRoot":"","sources":["ComboBoxView.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox/index.js';\nimport type { InputIconType, InputProps, ShowClearIcon } from '../../components/Input/index.js';\nimport { Input } from '../../components/Input/index.js';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput/index.js';\nimport { MaskedInput } from '../../components/MaskedInput/index.js';\nimport { styles as maskedInputStyles } from '../../components/MaskedInput/MaskedInput.css.js';\nimport type { MenuItemState } from '../../components/MenuItem/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport { Spinner } from '../../components/Spinner/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { cx } from '../../lib/cx.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode, 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 { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { getRandomID, isNonNullable } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { LoadingIcon } from '../icons2022/LoadingIcon.js';\nimport { InputLikeText } from '../InputLikeText/index.js';\nimport { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout.js';\nimport type { Menu } from '../Menu/index.js';\nimport { MobilePopup } from '../MobilePopup/index.js';\nimport { Popup } from '../Popup/index.js';\nimport { RenderLayer } from '../RenderLayer/index.js';\nimport { ZIndex } from '../ZIndex/index.js';\nimport { ArrowDownIcon } from './ArrowDownIcon.js';\nimport { ComboBoxMenu } from './ComboBoxMenu.js';\nimport { styles } from './CustomComboBox.css.js';\nimport { CustomComboBoxDataTids } from './CustomComboBox.js';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';\nimport { getComboBoxTheme } from './getComboBoxTheme.js';\n\ninterface ComboBoxViewProps<T>\n extends\n Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'>,\n CommonProps,\n Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {\n align?: 'left' | 'center' | 'right';\n autoFocus?: boolean;\n borderless?: boolean;\n disablePortal?: boolean;\n disabled?: boolean;\n editing?: boolean;\n /**\n * Cостояние валидации при ошибке.\n */\n error?: boolean;\n items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n loading?: boolean;\n /**\n * Позволяет вручную задать текущую позицию выпадающего окна\n */\n menuPos?: 'top' | 'bottom';\n menuAlign?: 'left' | 'right';\n opened?: boolean;\n drawArrow?: boolean;\n placeholder?: string;\n size?: SizeProp;\n textValue?: string;\n totalCount?: number;\n value?: Nullable<T>;\n showClearIcon?: ShowClearIcon;\n /**\n * Cостояние валидации при предупреждении.\n */\n warning?: boolean;\n width?: string | number;\n maxLength?: number;\n maxMenuHeight?: number | string;\n leftIcon?: InputIconType;\n rightIcon?: InputIconType;\n inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n onValueChange?: (value: T) => void;\n onClickOutside?: (e: Event) => void;\n onFocus?: () => void;\n onMobileClose?: () => void;\n onFocusOutside?: () => void;\n onInputBlur?: () => void;\n onInputValueChange?: (value: string) => void;\n onInputFocus?: () => void;\n onInputClick?: () => void;\n onArrowClick?: () => void;\n onClearCrossClick?: () => void;\n onInputKeyDown?: (e: React.KeyboardEvent) => void;\n onMouseEnter?: (e: React.MouseEvent) => void;\n onMouseOver?: (e: React.MouseEvent) => void;\n onMouseLeave?: (e: React.MouseEvent) => void;\n renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n itemWrapper?: (item: T) => React.ComponentType;\n renderNotFound?: () => React.ReactNode;\n renderTotalCount?: (found: number, total: number) => React.ReactNode;\n renderValue?: (item: T) => React.ReactNode;\n renderAddButton?: (query?: string) => React.ReactNode;\n repeatRequest?: () => void;\n requestStatus?: ComboBoxRequestStatus;\n refInput?: (input: Nullable<Input | InternalTextareaWithLayout>) => void;\n refMenu?: (menu: Nullable<Menu>) => void;\n refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n viewMode?: ComboBoxViewMode;\n maxRows?: number;\n preventIconsOffset?: boolean;\n}\n\ntype DefaultProps<T> = Required<\n Pick<\n ComboBoxViewProps<T>,\n | 'renderItem'\n | 'renderValue'\n | 'renderAddButton'\n | 'repeatRequest'\n | 'requestStatus'\n | 'onClickOutside'\n | 'onFocusOutside'\n | 'width'\n | 'showClearIcon'\n >\n>;\n\nexport const ComboBoxViewIds = {\n menu: 'ComboBoxView__menu',\n arrow: 'ComboBoxView__arrow',\n};\n\ninterface ComboBoxViewState {\n anchorElement: Nullable<Element>;\n clearCrossShowed: boolean;\n}\n\n@responsiveLayout\n@rootNode\n@withSize\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, ComboBoxViewState> {\n public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n public static displayName = 'ComboBoxView';\n\n public static defaultProps: DefaultProps<unknown> = {\n renderItem: (item: any) => item,\n renderValue: (item: any) => item,\n renderAddButton: () => null,\n repeatRequest: () => undefined,\n requestStatus: ComboBoxRequestStatus.Unknown,\n onClickOutside: () => {\n /**/\n },\n onFocusOutside: () => {\n /**/\n },\n width: 250,\n showClearIcon: 'never',\n };\n\n private getProps = createPropsGetter(ComboBoxView.defaultProps);\n\n public getRootNode!: TGetRootNode;\n private input: Nullable<Input | InternalTextareaWithLayout>;\n private setRootNode!: TSetRootNode;\n private mobileInput: Nullable<Input> = null;\n private isMobileLayout!: boolean;\n private dropdownContainerRef = React.createRef<Popup>();\n private theme!: Theme;\n private size!: SizeProp;\n private menuId = ComboBoxViewIds.menu + getRandomID();\n\n public state: ComboBoxViewState = {\n anchorElement: null,\n clearCrossShowed: this.props.showClearIcon === 'always' && !!this.props.value?.toString(),\n };\n\n public componentDidMount() {\n this.updateAnchorElement();\n\n if (this.props.autoFocus && this.props.onFocus) {\n this.props.onFocus();\n }\n }\n\n updateAnchorElement() {\n const parent = this.getParent();\n const anchorElement = this.state.anchorElement;\n\n if (anchorElement !== parent) {\n this.setState({\n anchorElement: parent,\n });\n }\n }\n\n public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n const { input, props } = this;\n\n this.updateAnchorElement();\n\n if (props.editing && !prevProps.editing && input) {\n input.focus();\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = getComboBoxTheme(theme);\n return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain() {\n const { onMouseEnter, onMouseLeave, onMouseOver, opened } = this.props;\n const { onClickOutside, onFocusOutside, width } = this.getProps();\n\n const isMobile = this.isMobileLayout;\n\n const input = this.renderInput();\n\n return (\n <CommonWrapper {...this.props}>\n <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n <span\n data-tid={CustomComboBoxDataTids.comboBoxView}\n style={{ width }}\n className={styles.root}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseOver={onMouseOver}\n ref={this.setRootNode}\n >\n {input}\n {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n </span>\n </RenderLayer>\n </CommonWrapper>\n );\n }\n\n private getComboBoxMenu = () => {\n const {\n items,\n loading,\n opened,\n refMenu,\n maxMenuHeight,\n renderTotalCount,\n renderNotFound,\n totalCount,\n preventIconsOffset,\n } = this.props;\n\n const { repeatRequest, requestStatus, renderItem, itemWrapper } = this.getProps();\n return (\n <ComboBoxMenu\n hasMargin={false}\n menuId={this.menuId}\n items={items}\n loading={loading}\n maxMenuHeight={maxMenuHeight}\n onValueChange={this.handleItemSelect}\n opened={opened}\n refMenu={refMenu}\n renderTotalCount={renderTotalCount}\n renderItem={renderItem}\n renderNotFound={renderNotFound}\n itemWrapper={itemWrapper}\n renderAddButton={this.renderAddButton}\n repeatRequest={repeatRequest}\n requestStatus={requestStatus}\n totalCount={totalCount}\n isMobile={this.isMobileLayout}\n size={this.size}\n preventIconsOffset={preventIconsOffset}\n />\n );\n };\n\n private renderMenu = () => {\n const { opened, menuPos, menuAlign } = this.getProps();\n const { anchorElement } = this.state;\n\n return (\n opened &&\n anchorElement && (\n <Popup\n opened\n hasShadow\n tryBestFallbackPosition\n minWidth=\"100%\"\n anchorElement={anchorElement}\n priority={ZIndex.priorities.PopupMenu}\n positions={getMenuPositions(menuPos, menuAlign)}\n disablePortal={this.props.disablePortal}\n margin={parseInt(this.theme.menuOffsetY) - 1}\n ref={this.dropdownContainerRef}\n >\n {this.getComboBoxMenu()}\n </Popup>\n )\n );\n };\n\n private renderMobileMenu = () => {\n let rightIcon = null;\n\n const { loading, items, opened, onFocus, onInputValueChange, onInputKeyDown, placeholder, textValue } = this.props;\n if (loading && items && !!items.length) {\n rightIcon = this.renderSpinner();\n }\n\n const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n const inputProps: InputProps = {\n autoComplete: 'off',\n autoFocus: true,\n width: '100%',\n onFocus,\n onValueChange: onInputValueChange,\n onKeyDown: onInputKeyDown,\n value: textValue,\n placeholder,\n rightIcon,\n size: themeGTE6_1 ? this.size : undefined,\n };\n\n const themeDependantProps = themeGTE6_1\n ? {\n footerChildComponent: <Input ref={this.refMobileInput} {...inputProps} />,\n size: this.size,\n }\n : {\n headerChildComponent: <Input ref={this.refMobileInput} {...inputProps} />,\n };\n\n return (\n opened && (\n <MobilePopup {...themeDependantProps} onCloseRequest={this.props.onMobileClose} opened>\n {this.getComboBoxMenu()}\n </MobilePopup>\n )\n );\n };\n\n private getParent = () => {\n return getRootNode(this);\n };\n\n private renderAddButton = (): React.ReactNode => {\n return this.getProps().renderAddButton(this.props.textValue);\n };\n\n private renderInput(): React.ReactNode {\n const isMobile = this.isMobileLayout;\n\n const {\n id,\n align,\n borderless,\n disabled,\n editing,\n error,\n onFocus,\n onInputBlur,\n onInputValueChange,\n onInputFocus,\n onInputClick,\n onInputKeyDown,\n placeholder,\n textValue,\n value,\n warning,\n refInputLikeText,\n leftIcon,\n inputMode,\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n showClearIcon,\n mask,\n maskChar,\n formatChars,\n onBeforePasteInMask,\n } = this.props;\n\n const rightIcon = this.getRightIcon();\n\n const inputProps = {\n id,\n align,\n borderless,\n disabled,\n error,\n maxLength: this.props.maxLength,\n onBlur: isMobile ? undefined : onInputBlur,\n onValueChange: onInputValueChange,\n onFocus: onInputFocus,\n onClick: isMobile ? this.handleMobileFocus : onInputClick,\n leftIcon,\n rightIcon,\n value: textValue || '',\n onKeyDown: onInputKeyDown,\n placeholder,\n width: '100%',\n ref: this.refInput,\n warning,\n inputMode,\n autoComplete: 'off',\n 'aria-describedby': ariaDescribedby,\n 'aria-controls': this.menuId,\n 'aria-label': ariaLabel,\n showClearIcon,\n size: this.size,\n };\n\n const multilineTextareaProps = {\n autoResize: true,\n rows: 1,\n extraRow: false,\n maxRows: this.props.maxRows,\n };\n\n if (this.props.viewMode === 'multiline' && !mask) {\n return <InternalTextareaWithLayout {...inputProps} {...multilineTextareaProps} />;\n }\n\n if (editing) {\n if (mask) {\n return (\n <MaskedInput\n {...inputProps}\n type=\"text\"\n mask={mask}\n maskChar={maskChar}\n formatChars={formatChars}\n onBeforePasteValue={onBeforePasteInMask}\n />\n );\n }\n\n if (this.props.viewMode === 'multiline-editing') {\n return <InternalTextareaWithLayout {...inputProps} {...multilineTextareaProps} />;\n }\n\n return <Input {...inputProps} />;\n }\n\n const { renderValue } = this.getProps();\n return (\n <InputLikeText\n id={id}\n align={align}\n borderless={borderless}\n error={error}\n onFocus={onFocus}\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n disabled={disabled}\n warning={warning}\n placeholder={placeholder}\n size={this.size}\n width=\"100%\"\n ref={refInputLikeText}\n aria-describedby={ariaDescribedby}\n aria-controls={this.menuId}\n showClearIcon={showClearIcon}\n className={cx(mask && maskedInputStyles.root)}\n onClearCrossClick={this.props.onClearCrossClick}\n >\n {isNonNullable(value) && renderValue ? renderValue(value) : null}\n </InputLikeText>\n );\n }\n\n private handleMobileFocus = () => {\n this.props.onInputClick?.();\n\n this.mobileInput?.focus();\n };\n\n private handleItemSelect = (item: T) => {\n if (this.props.onValueChange) {\n this.props.onValueChange(item);\n }\n\n if (this.isMobileLayout) {\n this.props.onMobileClose?.();\n }\n };\n\n private refInput = (input: Nullable<Input | InternalTextareaWithLayout>) => {\n if (this.props.refInput) {\n this.props.refInput(input);\n }\n this.input = input;\n };\n\n private renderSpinner = () => (\n <span className={styles.spinnerWrapper}>\n <Spinner size=\"small\" caption=\"\" dimmed />\n </span>\n );\n\n private getRightIcon = () => {\n const { loading, items, drawArrow, rightIcon } = this.props;\n const size = this.size;\n\n if (loading && items && !!items.length) {\n return <LoadingIcon size={size} />;\n }\n\n if (rightIcon || drawArrow) {\n return (\n rightIcon || (\n <ArrowDownIcon\n data-tid={ComboBoxViewIds.arrow}\n size={size}\n onMouseDown={(event) => event.preventDefault()}\n onClick={this.handleArrowClick}\n />\n )\n );\n }\n\n return null;\n };\n\n private refMobileInput = (input: Nullable<Input>) => {\n this.mobileInput = input;\n };\n\n private handleArrowClick = (event: React.MouseEvent) => {\n event.preventDefault();\n this.props.onArrowClick?.();\n };\n}\n"]}
@@ -0,0 +1,6 @@
1
+ export declare const root: string;
2
+ export declare const spinnerWrapper: string;
3
+ export declare const styles: {
4
+ root: string;
5
+ spinnerWrapper: string;
6
+ };
@@ -0,0 +1,4 @@
1
+
2
+ export var root = 'react-ui-CustomComboBox__root';
3
+ export var spinnerWrapper = 'react-ui-CustomComboBox__spinnerWrapper';
4
+ export var styles = {root:'react-ui-CustomComboBox__root',spinnerWrapper:'react-ui-CustomComboBox__spinnerWrapper'};
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CustomComboBox.css.js","sourceRoot":"","sources":["CustomComboBox.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC;IACxB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC;IAClC,OAAO,EAAE,cAAc;IACvB,WAAW,EAAE,CAAC,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,EAAE,IAAI,MAAA,EAAE,cAAc,gBAAA,EAAE,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const root = style({\n display: 'inline-block',\n position: 'relative',\n lineHeight: 'normal',\n});\n\nexport const spinnerWrapper = style({\n display: 'inline-block',\n marginRight: -5,\n});\n\nexport const styles = { root, spinnerWrapper };\n"]}
@@ -1,2 +1 @@
1
- import type { Theme } from '../../lib/theming/Theme.js';
2
- export declare const getComboBoxTheme: (theme: Theme) => Theme;
1
+ export declare const getComboBoxTheme: (theme: Readonly<typeof import("../themes/BasicTheme.js").BasicThemeClass>) => Readonly<typeof import("../themes/BasicTheme.js").BasicThemeClass>;
@@ -1,7 +1,8 @@
1
+ import { memoizeTheme } from '../../lib/theming/memoizeTheme.js';
1
2
  import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
2
- export var getComboBoxTheme = function (theme) {
3
+ export var getComboBoxTheme = memoizeTheme(function (theme) {
3
4
  return ThemeFactory.create({
4
5
  menuOffsetY: theme.comboboxMenuOffsetY,
5
6
  }, theme);
6
- };
7
+ });
7
8
  //# sourceMappingURL=getComboBoxTheme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"getComboBoxTheme.js","sourceRoot":"","sources":["getComboBoxTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,KAAY;IAC3C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,WAAW,EAAE,KAAK,CAAC,mBAAmB;KACvC,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\nexport const getComboBoxTheme = (theme: Theme): Theme => {\n return ThemeFactory.create(\n {\n menuOffsetY: theme.comboboxMenuOffsetY,\n },\n theme,\n );\n};\n"]}
1
+ {"version":3,"file":"getComboBoxTheme.js","sourceRoot":"","sources":["getComboBoxTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,gBAAgB,GAAG,YAAY,CAAC,UAAC,KAAY;IACxD,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,WAAW,EAAE,KAAK,CAAC,mBAAmB;KACvC,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { memoizeTheme } from '../../lib/theming/memoizeTheme.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\nexport const getComboBoxTheme = memoizeTheme((theme: Theme): Theme => {\n return ThemeFactory.create(\n {\n menuOffsetY: theme.comboboxMenuOffsetY,\n },\n theme,\n );\n});\n"]}
@@ -0,0 +1,11 @@
1
+ export declare const globalClasses: {
2
+ arrow: string;
3
+ };
4
+ export declare const root: string;
5
+ export declare const disabled: string;
6
+ export declare const caption: string;
7
+ export declare const styles: {
8
+ root: string;
9
+ disabled: string;
10
+ caption: string;
11
+ };
@@ -0,0 +1,6 @@
1
+
2
+ export var caption = 'react-ui-DateSelect__caption';
3
+ export var disabled = 'react-ui-DateSelect__disabled';
4
+ export var globalClasses = {arrow:'react-ui-select-arrow'};
5
+ export var root = 'react-ui-DateSelect__root';
6
+ export var styles = {root:'react-ui-DateSelect__root',disabled:'react-ui-DateSelect__disabled',caption:'react-ui-DateSelect__caption'};
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateSelect.css.js","sourceRoot":"","sources":["DateSelect.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,CAAC,EAAE,MAAM,8BAA8B,CAAC;AAEjD,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC5C,KAAK,EAAE,OAAO;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC;IACxB,KAAK,EAAE,CAAC,CAAC,0BAA0B;IACnC,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,aAAa;IACtB,cAAc,EAAE,eAAe;IAC/B,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,CAAC,CAAC,kBAAkB;IAC9B,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,MAAM;IACjB,WAAW,EAAE,MAAM;IACnB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,CAAC,CAAC,oBAAoB;IAClC,eAAe,EAAE,aAAa;IAC9B,SAAS,EAAE,aAAa;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC;IAC5B,KAAK,EAAE,oBAAoB,EAAE,4BAA4B;IACzD,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;AAEvD,qFAAqF;AACrF,WAAW,CAAC,UAAG,IAAI,WAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAC/D,WAAW,CAAC,UAAG,IAAI,eAAK,aAAa,CAAC,KAAK,CAAE,EAAE;IAC7C,UAAU,EAAE,eAAQ,CAAC,CAAC,kBAAkB,cAAI,CAAC,CAAC,wBAAwB,CAAE;CACzE,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,IAAI,qBAAW,aAAa,CAAC,KAAK,CAAE,EAAE,EAAE,IAAI,EAAE,UAAG,CAAC,CAAC,0BAA0B,gBAAa,EAAE,CAAC,CAAC;AAE7G,MAAM,CAAC,IAAM,MAAM,GAAG,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,OAAO,SAAA,EAAE,CAAC","sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nimport { prefix } from '../../lib/prefix.js';\nimport { t } from '../../lib/theming/vanilla.js';\n\nexport const globalClasses = prefix('select')({\n arrow: 'arrow',\n});\n\nexport const root = style({\n color: t.dateSelectTextColorDefault,\n cursor: 'pointer',\n display: 'inline-flex',\n justifyContent: 'space-between',\n font: 'inherit',\n fontSize: t.dateSelectFontSize,\n padding: '0px',\n paddingRight: 2,\n position: 'relative',\n textAlign: 'left',\n touchAction: 'none',\n border: 'none',\n lineHeight: t.dateSelectLineHeight,\n backgroundColor: 'transparent',\n boxSizing: 'content-box',\n});\n\nexport const disabled = style({\n color: 'inherit !important', // override root:hover style\n cursor: 'default',\n});\n\nexport const caption = style({ position: 'relative' });\n\n// вложенные правила — после баз всех классов файла, как было в склеенном CSS Emotion\nglobalStyle(`${root}:hover`, { color: t.dateSelectLinkColor });\nglobalStyle(`${root} .${globalClasses.arrow}`, {\n transition: `fill ${t.transitionDuration} ${t.transitionTimingFunction}`,\n});\nglobalStyle(`${root}:hover .${globalClasses.arrow}`, { fill: `${t.dateSelectTextColorDefault} !important` });\n\nexport const styles = { root, disabled, caption };\n"]}
@@ -20,9 +20,6 @@ export declare class DateSelect extends React.PureComponent<DateSelectProps> {
20
20
  static defaultProps: DefaultProps;
21
21
  private getProps;
22
22
  private get isYearType();
23
- private emotion;
24
- private cx;
25
- private styles;
26
23
  private theme;
27
24
  private readonly locale;
28
25
  private readonly selectRef;
@@ -36,12 +36,12 @@ import { MenuItem } from '../../components/MenuItem/index.js';
36
36
  import { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';
37
37
  import { Select } from '../../components/Select/index.js';
38
38
  import { createPropsGetter } from '../../lib/createPropsGetter.js';
39
+ import { cx } from '../../lib/cx.js';
39
40
  import { locale } from '../../lib/locale/decorators.js';
40
- import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
41
41
  import { ThemeContext } from '../../lib/theming/ThemeContext.js';
42
42
  import { getRandomID, isNonNullable } from '../../lib/utils.js';
43
43
  import { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular.js';
44
- import { getStyles, globalClasses } from './DateSelect.styles.js';
44
+ import { styles, globalClasses } from './DateSelect.css.js';
45
45
  var defaultMinMonth = 0;
46
46
  var defaultMaxMonth = 11;
47
47
  var defaultMinYear = 1900;
@@ -79,7 +79,7 @@ var DateSelect = /** @class */ (function (_super) {
79
79
  var isInteractiveElement = !disabled;
80
80
  var Tag = isInteractiveElement ? 'button' : 'span';
81
81
  var rootProps = {
82
- className: _this.cx(_this.styles.root(_this.theme), disabled && _this.styles.disabled()),
82
+ className: cx(styles.root, disabled && styles.disabled),
83
83
  style: { width: width },
84
84
  onClick: disabled ? undefined : params.onClick,
85
85
  'aria-expanded': isInteractiveElement ? params.opened : undefined,
@@ -89,8 +89,8 @@ var DateSelect = /** @class */ (function (_super) {
89
89
  : undefined,
90
90
  };
91
91
  return (React.createElement(Tag, __assign({}, rootProps),
92
- React.createElement("div", { "data-tid": DateSelectDataTids.caption, className: _this.styles.caption() }, _this.getItem(value)),
93
- isInteractiveElement && (React.createElement(ArrowCollapseCVOpenIcon16Regular, { className: _this.cx(globalClasses.arrow), color: "#ADADAD" }))));
92
+ React.createElement("div", { "data-tid": DateSelectDataTids.caption, className: styles.caption }, _this.getItem(value)),
93
+ isInteractiveElement && (React.createElement(ArrowCollapseCVOpenIcon16Regular, { className: cx(globalClasses.arrow), color: "#ADADAD" }))));
94
94
  };
95
95
  _this.getItems = function () {
96
96
  var _a = _this.getProps(), value = _a.value, onValueChange = _a.onValueChange;
@@ -120,7 +120,6 @@ var DateSelect = /** @class */ (function (_super) {
120
120
  });
121
121
  DateSelect.prototype.render = function () {
122
122
  var _this = this;
123
- this.styles = getStyles(this.emotion);
124
123
  return (React.createElement(ThemeContext.Consumer, null, function (theme) {
125
124
  _this.theme = theme;
126
125
  return _this.renderMain();
@@ -157,7 +156,6 @@ var DateSelect = /** @class */ (function (_super) {
157
156
  width: 'auto',
158
157
  };
159
158
  DateSelect = DateSelect_1 = __decorate([
160
- withRenderEnvironment,
161
159
  responsiveLayout,
162
160
  locale('Calendar', DatePickerLocaleHelper)
163
161
  ], DateSelect);
@@ -1 +1 @@
1
- {"version":3,"file":"DateSelect.js","sourceRoot":"","sources":["DateSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React, { createRef } from 'react';\n\nimport type { DatePickerLocale } from '../../components/DatePicker/locale/index.js';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale/index.js';\nimport { MenuItem } from '../../components/MenuItem/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport type { ButtonParams } from '../../components/Select/index.js';\nimport { Select } from '../../components/Select/index.js';\nimport type { PopupPositionsType } from '../../internal/Popup/types.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { getRandomID, isNonNullable } from '../../lib/utils.js';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular.js';\nimport { getStyles, globalClasses } from './DateSelect.styles.js';\n\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2099;\nconst months = range(defaultMinMonth, defaultMaxMonth);\nconst years = range(defaultMinYear, defaultMaxYear);\n\nfunction range(start: number, end: number) {\n return Array(end - start + 1)\n .fill(null)\n .map((_, index) => start + index);\n}\n\nexport interface DateSelectProps {\n disabled?: boolean;\n onValueChange: (value: number) => void;\n type?: 'month' | 'year';\n value: number;\n width?: number | string;\n minValue?: number;\n maxValue?: number;\n}\n\nexport const DateSelectDataTids = {\n caption: 'DateSelect__caption',\n menuItem: 'DateSelect__menuItem',\n menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;\n\nconst DATE_SELECT_POSITIONS: PopupPositionsType[] = [\n 'middle left',\n 'middle right',\n 'bottom left',\n 'top left',\n 'bottom right',\n 'top right',\n];\n\n@withRenderEnvironment\n@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps> {\n public static __KONTUR_REACT_UI__ = 'DateSelect';\n public static displayName = 'DateSelect';\n\n public static defaultProps: DefaultProps = {\n type: 'year',\n width: 'auto',\n };\n\n private getProps = createPropsGetter(DateSelect.defaultProps);\n\n private get isYearType() {\n return this.getProps().type === 'year';\n }\n\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n private readonly locale!: DatePickerLocale;\n private readonly selectRef = createRef<Select<number, number>>();\n\n public render() {\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 menuId = DateSelectDataTids.menu + getRandomID();\n\n private renderButton = (params: ButtonParams) => {\n const { value, disabled } = this.props;\n const width = this.getProps().width;\n const isInteractiveElement = !disabled;\n const Tag = isInteractiveElement ? 'button' : 'span';\n const rootProps = {\n className: this.cx(this.styles.root(this.theme), disabled && this.styles.disabled()),\n style: { width },\n onClick: disabled ? undefined : params.onClick,\n 'aria-expanded': isInteractiveElement ? params.opened : undefined,\n 'aria-controls': !disabled ? this.menuId : undefined,\n 'aria-label': isInteractiveElement\n ? `${this.locale.selectChosenAriaLabel} ${\n this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(value)}`\n : undefined,\n };\n\n return (\n <Tag {...rootProps}>\n <div data-tid={DateSelectDataTids.caption} className={this.styles.caption()}>\n {this.getItem(value)}\n </div>\n {isInteractiveElement && (\n <ArrowCollapseCVOpenIcon16Regular className={this.cx(globalClasses.arrow)} color=\"#ADADAD\" />\n )}\n </Tag>\n );\n };\n\n public close(): void {\n this.selectRef.current?.close();\n }\n\n private renderMain() {\n const { value, disabled, onValueChange } = this.getProps();\n const theme = {\n btnBorderRadiusSmall: this.theme.menuItemBorderRadius,\n };\n\n return (\n <Select\n use=\"text\"\n value={value}\n ref={this.selectRef}\n theme={theme}\n disabled={disabled}\n _renderButton={this.renderButton}\n menuPos=\"middle\"\n positions={DATE_SELECT_POSITIONS}\n renderValue={this.getItem}\n items={this.getItems()}\n menuOffset={parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall)}\n onValueChange={onValueChange}\n aria-label={`${this.locale.selectChosenAriaLabel} ${\n this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(value)}`}\n />\n );\n }\n\n private isOptionDisabled(option: number) {\n const { minValue, maxValue } = this.getProps();\n\n if (isNonNullable(maxValue) && isNonNullable(minValue)) {\n return option > maxValue || option < minValue;\n }\n\n if (isNonNullable(minValue)) {\n return option < minValue;\n }\n\n if (isNonNullable(maxValue)) {\n return option > maxValue;\n }\n }\n\n private getItems = () => {\n const { value, onValueChange } = this.getProps();\n const options = this.isYearType ? years : months;\n\n return options.map((option) => {\n const isSelected = option === value;\n const isOptionDisabled = this.isOptionDisabled(option);\n\n return (\n <MenuItem\n scrollIntoView={isSelected}\n disabled={isOptionDisabled}\n state={isSelected ? 'selected' : null}\n onClick={() => onValueChange(option)}\n aria-label={`Выбрать ${this.isYearType ? 'год' : 'месяц'} ${this.getItem(option)}`}\n data-tid={DateSelectDataTids.menuItem}\n data-disabled={isOptionDisabled}\n key={option}\n >\n {this.getItem(option)}\n </MenuItem>\n );\n });\n };\n\n private getItem = (value: number) => {\n if (this.isYearType) {\n return value;\n }\n\n return this.locale.months?.[value];\n };\n}\n"]}
1
+ {"version":3,"file":"DateSelect.js","sourceRoot":"","sources":["DateSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAElF,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,gCAAgC,EAAE,MAAM,0EAA0E,CAAC;AAC5H,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE5D,IAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,IAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,IAAM,cAAc,GAAG,IAAI,CAAC;AAC5B,IAAM,cAAc,GAAG,IAAI,CAAC;AAC5B,IAAM,MAAM,GAAG,KAAK,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;AACvD,IAAM,KAAK,GAAG,KAAK,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AAEpD,SAAS,KAAK,CAAC,KAAa,EAAE,GAAW;IACvC,OAAO,KAAK,CAAC,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC;SAC1B,IAAI,CAAC,IAAI,CAAC;SACV,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,KAAK,GAAG,KAAK,EAAb,CAAa,CAAC,CAAC;AACtC,CAAC;AAYD,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,OAAO,EAAE,qBAAqB;IAC9B,QAAQ,EAAE,sBAAsB;IAChC,IAAI,EAAE,kBAAkB;CAChB,CAAC;AAIX,IAAM,qBAAqB,GAAyB;IAClD,aAAa;IACb,cAAc;IACd,aAAa;IACb,UAAU;IACV,cAAc;IACd,WAAW;CACZ,CAAC;AAIF;IAAgC,8BAAoC;IAApE;;QASU,cAAQ,GAAG,iBAAiB,CAAC,YAAU,CAAC,YAAY,CAAC,CAAC;QAQ7C,eAAS,GAAG,SAAS,EAA0B,CAAC;QAazD,YAAM,GAAG,kBAAkB,CAAC,IAAI,GAAG,WAAW,EAAE,CAAC;QAEjD,kBAAY,GAAG,UAAC,MAAoB;YACpC,IAAA,KAAsB,KAAI,CAAC,KAAK,EAA9B,KAAK,WAAA,EAAE,QAAQ,cAAe,CAAC;YACvC,IAAM,KAAK,GAAG,KAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC;YACpC,IAAM,oBAAoB,GAAG,CAAC,QAAQ,CAAC;YACvC,IAAM,GAAG,GAAG,oBAAoB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;YACrD,IAAM,SAAS,GAAG;gBAChB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC;gBACvD,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE;gBAChB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO;gBAC9C,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBACjE,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBACpD,YAAY,EAAE,oBAAoB;oBAChC,CAAC,CAAC,UAAG,KAAI,CAAC,MAAM,CAAC,qBAAqB,cAClC,KAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,KAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAI,CAAC,MAAM,CAAC,oBAAoB,cAClG,KAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAE;oBAC3B,CAAC,CAAC,SAAS;aACd,CAAC;YAEF,OAAO,CACL,oBAAC,GAAG,eAAK,SAAS;gBAChB,yCAAe,kBAAkB,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IACjE,KAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAChB;gBACL,oBAAoB,IAAI,CACvB,oBAAC,gCAAgC,IAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,SAAS,GAAG,CACzF,CACG,CACP,CAAC;QACJ,CAAC,CAAC;QAiDM,cAAQ,GAAG;YACX,IAAA,KAA2B,KAAI,CAAC,QAAQ,EAAE,EAAxC,KAAK,WAAA,EAAE,aAAa,mBAAoB,CAAC;YACjD,IAAM,OAAO,GAAG,KAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;YAEjD,OAAO,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;gBACxB,IAAM,UAAU,GAAG,MAAM,KAAK,KAAK,CAAC;gBACpC,IAAM,gBAAgB,GAAG,KAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;gBAEvD,OAAO,CACL,oBAAC,QAAQ,IACP,cAAc,EAAE,UAAU,EAC1B,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EACrC,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,MAAM,CAAC,EAArB,CAAqB,gBACxB,qDAAW,KAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,cAAI,KAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAE,cACxE,kBAAkB,CAAC,QAAQ,mBACtB,gBAAgB,EAC/B,GAAG,EAAE,MAAM,IAEV,KAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CACZ,CACZ,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,aAAO,GAAG,UAAC,KAAa;;YAC9B,IAAI,KAAI,CAAC,UAAU,EAAE,CAAC;gBACpB,OAAO,KAAK,CAAC;YACf,CAAC;YAED,OAAO,MAAA,KAAI,CAAC,MAAM,CAAC,MAAM,0CAAG,KAAK,CAAC,CAAC;QACrC,CAAC,CAAC;;IACJ,CAAC;mBA7IY,UAAU;IAWrB,sBAAY,kCAAU;aAAtB;YACE,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC;QACzC,CAAC;;;OAAA;IAMM,2BAAM,GAAb;QAAA,iBASC;QARC,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAkCM,0BAAK,GAAZ;;QACE,MAAA,IAAI,CAAC,SAAS,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAClC,CAAC;IAEO,+BAAU,GAAlB;QACQ,IAAA,KAAqC,IAAI,CAAC,QAAQ,EAAE,EAAlD,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAAoB,CAAC;QAC3D,IAAM,KAAK,GAAG;YACZ,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB;SACtD,CAAC;QAEF,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,IAAI,CAAC,YAAY,EAChC,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE,qBAAqB,EAChC,WAAW,EAAE,IAAI,CAAC,OAAO,EACzB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EACtB,UAAU,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,EAC1F,aAAa,EAAE,aAAa,gBAChB,UAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,cAC9C,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,oBAAoB,cAClF,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAE,GACzB,CACH,CAAC;IACJ,CAAC;IAEO,qCAAgB,GAAxB,UAAyB,MAAc;QAC/B,IAAA,KAAyB,IAAI,CAAC,QAAQ,EAAE,EAAtC,QAAQ,cAAA,EAAE,QAAQ,cAAoB,CAAC;QAE/C,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC;YACvD,OAAO,MAAM,GAAG,QAAQ,IAAI,MAAM,GAAG,QAAQ,CAAC;QAChD,CAAC;QAED,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC5B,OAAO,MAAM,GAAG,QAAQ,CAAC;QAC3B,CAAC;QAED,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC5B,OAAO,MAAM,GAAG,QAAQ,CAAC;QAC3B,CAAC;IACH,CAAC;;IA1Ga,8BAAmB,GAAG,YAAY,AAAf,CAAgB;IACnC,sBAAW,GAAG,YAAY,AAAf,CAAgB;IAE3B,uBAAY,GAAiB;QACzC,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;KACd,AAHyB,CAGxB;IAPS,UAAU;QAFtB,gBAAgB;QAChB,MAAM,CAAC,UAAU,EAAE,sBAAsB,CAAC;OAC9B,UAAU,CA6ItB;IAAD,iBAAC;CAAA,AA7ID,CAAgC,KAAK,CAAC,aAAa,GA6IlD;SA7IY,UAAU","sourcesContent":["import React, { createRef } from 'react';\n\nimport type { DatePickerLocale } from '../../components/DatePicker/locale/index.js';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale/index.js';\nimport { MenuItem } from '../../components/MenuItem/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport type { ButtonParams } from '../../components/Select/index.js';\nimport { Select } from '../../components/Select/index.js';\nimport type { PopupPositionsType } from '../../internal/Popup/types.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { cx } from '../../lib/cx.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { getRandomID, isNonNullable } from '../../lib/utils.js';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular.js';\nimport { styles, globalClasses } from './DateSelect.css.js';\n\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2099;\nconst months = range(defaultMinMonth, defaultMaxMonth);\nconst years = range(defaultMinYear, defaultMaxYear);\n\nfunction range(start: number, end: number) {\n return Array(end - start + 1)\n .fill(null)\n .map((_, index) => start + index);\n}\n\nexport interface DateSelectProps {\n disabled?: boolean;\n onValueChange: (value: number) => void;\n type?: 'month' | 'year';\n value: number;\n width?: number | string;\n minValue?: number;\n maxValue?: number;\n}\n\nexport const DateSelectDataTids = {\n caption: 'DateSelect__caption',\n menuItem: 'DateSelect__menuItem',\n menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;\n\nconst DATE_SELECT_POSITIONS: PopupPositionsType[] = [\n 'middle left',\n 'middle right',\n 'bottom left',\n 'top left',\n 'bottom right',\n 'top right',\n];\n\n@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps> {\n public static __KONTUR_REACT_UI__ = 'DateSelect';\n public static displayName = 'DateSelect';\n\n public static defaultProps: DefaultProps = {\n type: 'year',\n width: 'auto',\n };\n\n private getProps = createPropsGetter(DateSelect.defaultProps);\n\n private get isYearType() {\n return this.getProps().type === 'year';\n }\n\n private theme!: Theme;\n private readonly locale!: DatePickerLocale;\n private readonly selectRef = createRef<Select<number, number>>();\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private menuId = DateSelectDataTids.menu + getRandomID();\n\n private renderButton = (params: ButtonParams) => {\n const { value, disabled } = this.props;\n const width = this.getProps().width;\n const isInteractiveElement = !disabled;\n const Tag = isInteractiveElement ? 'button' : 'span';\n const rootProps = {\n className: cx(styles.root, disabled && styles.disabled),\n style: { width },\n onClick: disabled ? undefined : params.onClick,\n 'aria-expanded': isInteractiveElement ? params.opened : undefined,\n 'aria-controls': !disabled ? this.menuId : undefined,\n 'aria-label': isInteractiveElement\n ? `${this.locale.selectChosenAriaLabel} ${\n this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(value)}`\n : undefined,\n };\n\n return (\n <Tag {...rootProps}>\n <div data-tid={DateSelectDataTids.caption} className={styles.caption}>\n {this.getItem(value)}\n </div>\n {isInteractiveElement && (\n <ArrowCollapseCVOpenIcon16Regular className={cx(globalClasses.arrow)} color=\"#ADADAD\" />\n )}\n </Tag>\n );\n };\n\n public close(): void {\n this.selectRef.current?.close();\n }\n\n private renderMain() {\n const { value, disabled, onValueChange } = this.getProps();\n const theme = {\n btnBorderRadiusSmall: this.theme.menuItemBorderRadius,\n };\n\n return (\n <Select\n use=\"text\"\n value={value}\n ref={this.selectRef}\n theme={theme}\n disabled={disabled}\n _renderButton={this.renderButton}\n menuPos=\"middle\"\n positions={DATE_SELECT_POSITIONS}\n renderValue={this.getItem}\n items={this.getItems()}\n menuOffset={parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall)}\n onValueChange={onValueChange}\n aria-label={`${this.locale.selectChosenAriaLabel} ${\n this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(value)}`}\n />\n );\n }\n\n private isOptionDisabled(option: number) {\n const { minValue, maxValue } = this.getProps();\n\n if (isNonNullable(maxValue) && isNonNullable(minValue)) {\n return option > maxValue || option < minValue;\n }\n\n if (isNonNullable(minValue)) {\n return option < minValue;\n }\n\n if (isNonNullable(maxValue)) {\n return option > maxValue;\n }\n }\n\n private getItems = () => {\n const { value, onValueChange } = this.getProps();\n const options = this.isYearType ? years : months;\n\n return options.map((option) => {\n const isSelected = option === value;\n const isOptionDisabled = this.isOptionDisabled(option);\n\n return (\n <MenuItem\n scrollIntoView={isSelected}\n disabled={isOptionDisabled}\n state={isSelected ? 'selected' : null}\n onClick={() => onValueChange(option)}\n aria-label={`Выбрать ${this.isYearType ? 'год' : 'месяц'} ${this.getItem(option)}`}\n data-tid={DateSelectDataTids.menuItem}\n data-disabled={isOptionDisabled}\n key={option}\n >\n {this.getItem(option)}\n </MenuItem>\n );\n });\n };\n\n private getItem = (value: number) => {\n if (this.isYearType) {\n return value;\n }\n\n return this.locale.months?.[value];\n };\n}\n"]}
@@ -0,0 +1,4 @@
1
+ export declare const root: string;
2
+ export declare const styles: {
3
+ root: string;
4
+ };
@@ -0,0 +1,3 @@
1
+
2
+ export var root = 'react-ui-HideBodyVerticalScroll__root';
3
+ export var styles = {root:'react-ui-HideBodyVerticalScroll__root'};
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HideBodyVerticalScroll.css.js","sourceRoot":"","sources":["HideBodyVerticalScroll.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,iFAAiF;AACjF,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC;IACxB,QAAQ,EAAE,mBAAmB;IAC7B,WAAW,EAAE,oDAAoD;IACjE,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,EAAE,IAAI,MAAA,EAAE,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\n// значение переменной ставится на <html> в рантайме (HideBodyVerticalScroll.tsx)\nexport const root = style({\n overflow: 'hidden !important',\n marginRight: 'var(--react-ui-hide-body-scroll-margin) !important',\n height: '100%',\n});\n\nexport const styles = { root };\n"]}
@@ -4,7 +4,6 @@ export declare class HideBodyVerticalScroll extends React.Component {
4
4
  static __KONTUR_REACT_UI__: string;
5
5
  static displayName: string;
6
6
  static globalObject: GlobalObject;
7
- private static emotion;
8
7
  private initialScroll;
9
8
  private master;
10
9
  componentDidMount(): void;
@@ -13,6 +12,6 @@ export declare class HideBodyVerticalScroll extends React.Component {
13
12
  render(): React.JSX.Element;
14
13
  static updateScrollVisibility: () => void;
15
14
  static hideScroll: () => void;
16
- static attachStyle: (element: HTMLElement, className: string) => () => void;
15
+ static attachStyle: (element: HTMLElement, className: string, margin: number) => () => void;
17
16
  private restoreStyles;
18
17
  }
@@ -13,14 +13,12 @@ var __extends = (this && this.__extends) || (function () {
13
13
  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
14
14
  };
15
15
  })();
16
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
17
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
18
- return cooked;
19
- };
20
16
  import React from 'react';
21
17
  import { getScrollWidth } from '../../lib/dom/getScrollWidth.js';
22
18
  import { isBrowser } from '../../lib/globalObject.js';
23
19
  import { RenderEnvironmentContext } from '../../lib/renderEnvironment/index.js';
20
+ import { styles } from './HideBodyVerticalScroll.css.js';
21
+ var MARGIN_VARIABLE = '--react-ui-hide-body-scroll-margin';
24
22
  var disposeDocumentStyle = null;
25
23
  var HideBodyVerticalScroll = /** @class */ (function (_super) {
26
24
  __extends(HideBodyVerticalScroll, _super);
@@ -66,9 +64,8 @@ var HideBodyVerticalScroll = /** @class */ (function (_super) {
66
64
  };
67
65
  HideBodyVerticalScroll.prototype.render = function () {
68
66
  return (React.createElement(RenderEnvironmentContext.Consumer, null, function (_a) {
69
- var globalObject = _a.globalObject, emotion = _a.emotion;
67
+ var globalObject = _a.globalObject;
70
68
  HideBodyVerticalScroll.globalObject = globalObject;
71
- HideBodyVerticalScroll.emotion = emotion;
72
69
  return null;
73
70
  }));
74
71
  };
@@ -90,13 +87,15 @@ var HideBodyVerticalScroll = /** @class */ (function (_super) {
90
87
  var scrollbarConst = HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement).overflowY === 'scroll';
91
88
  var scrollWidth = clientHeight < scrollHeight || scrollbarConst ? getScrollWidth(HideBodyVerticalScroll.globalObject) : 0;
92
89
  var documentMargin = parseFloat(documentComputedStyle.marginRight || '');
93
- var className = generateDocumentStyle(documentMargin + scrollWidth, HideBodyVerticalScroll.emotion);
94
- disposeDocumentStyle = HideBodyVerticalScroll.attachStyle(documentElement, className);
90
+ var className = styles.root;
91
+ disposeDocumentStyle = HideBodyVerticalScroll.attachStyle(documentElement, className, documentMargin + scrollWidth);
95
92
  };
96
- HideBodyVerticalScroll.attachStyle = function (element, className) {
93
+ HideBodyVerticalScroll.attachStyle = function (element, className, margin) {
94
+ element.style.setProperty(MARGIN_VARIABLE, "".concat(margin, "px"));
97
95
  element.classList.add(className);
98
96
  return function () {
99
97
  element.classList.remove(className);
98
+ element.style.removeProperty(MARGIN_VARIABLE);
100
99
  };
101
100
  };
102
101
  return HideBodyVerticalScroll;
@@ -121,8 +120,4 @@ var VerticalScrollCounter = /** @class */ (function () {
121
120
  };
122
121
  return VerticalScrollCounter;
123
122
  }());
124
- function generateDocumentStyle(documentMargin, emotion) {
125
- return emotion.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden !important;\n margin-right: ", "px !important;\n height: 100%;\n "], ["\n overflow: hidden !important;\n margin-right: ", "px !important;\n height: 100%;\n "])), documentMargin);
126
- }
127
- var templateObject_1;
128
123
  //# sourceMappingURL=HideBodyVerticalScroll.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"HideBodyVerticalScroll.js","sourceRoot":"","sources":["HideBodyVerticalScroll.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { isBrowser } from '../../lib/globalObject.js';\nimport { RenderEnvironmentContext } from '../../lib/renderEnvironment/index.js';\n\nlet disposeDocumentStyle: (() => void) | null = null;\n\ninterface GlobalWithRetailUIVerticalScrollCounter {\n RetailUIVerticalScrollCounter?: number;\n}\n\nexport class HideBodyVerticalScroll extends React.Component {\n public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\n public static displayName = 'HideBodyVerticalScroll';\n\n public static globalObject: GlobalObject;\n private static emotion: Emotion;\n\n private initialScroll = 0;\n private master = false;\n\n public componentDidMount() {\n const counter = VerticalScrollCounter.increment();\n if (counter === 1) {\n this.master = true;\n this.initialScroll = HideBodyVerticalScroll.globalObject.document?.documentElement\n ? HideBodyVerticalScroll.globalObject.document.documentElement.scrollTop\n : 0;\n HideBodyVerticalScroll.updateScrollVisibility();\n HideBodyVerticalScroll.globalObject.addEventListener?.('resize', HideBodyVerticalScroll.updateScrollVisibility);\n }\n }\n\n public componentDidUpdate() {\n if (this.master) {\n HideBodyVerticalScroll.updateScrollVisibility();\n }\n }\n\n public componentWillUnmount() {\n const counter = VerticalScrollCounter.decrement();\n if (counter === 0) {\n this.restoreStyles();\n HideBodyVerticalScroll.globalObject.removeEventListener?.(\n 'resize',\n HideBodyVerticalScroll.updateScrollVisibility,\n );\n }\n }\n\n public render() {\n return (\n <RenderEnvironmentContext.Consumer>\n {({ globalObject, emotion }) => {\n HideBodyVerticalScroll.globalObject = globalObject;\n HideBodyVerticalScroll.emotion = emotion;\n\n return null;\n }}\n </RenderEnvironmentContext.Consumer>\n );\n }\n\n public static updateScrollVisibility = () => {\n const shouldHide = !disposeDocumentStyle;\n if (shouldHide) {\n HideBodyVerticalScroll.hideScroll();\n }\n };\n\n public static hideScroll = () => {\n if (!isBrowser(HideBodyVerticalScroll.globalObject)) {\n return;\n }\n const { documentElement } = HideBodyVerticalScroll.globalObject.document;\n const { clientHeight, scrollHeight } = documentElement;\n const documentComputedStyle = HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement);\n const scrollbarConst = HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement).overflowY === 'scroll';\n const scrollWidth =\n clientHeight < scrollHeight || scrollbarConst ? getScrollWidth(HideBodyVerticalScroll.globalObject) : 0;\n const documentMargin = parseFloat(documentComputedStyle.marginRight || '');\n const className = generateDocumentStyle(documentMargin + scrollWidth, HideBodyVerticalScroll.emotion);\n\n disposeDocumentStyle = HideBodyVerticalScroll.attachStyle(documentElement, className);\n };\n\n public static attachStyle = (element: HTMLElement, className: string) => {\n element.classList.add(className);\n return () => {\n element.classList.remove(className);\n };\n };\n\n private restoreStyles = () => {\n if (disposeDocumentStyle) {\n disposeDocumentStyle();\n disposeDocumentStyle = null;\n\n if (HideBodyVerticalScroll.globalObject.document) {\n HideBodyVerticalScroll.globalObject.document.documentElement.scrollTop = this.initialScroll;\n }\n }\n };\n}\n\nclass VerticalScrollCounter {\n public static increment = (): number => {\n const globalWithRetailUIVerticalScrollCounter =\n HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter + 1);\n };\n\n public static decrement = (): number => {\n const globalWithRetailUIVerticalScrollCounter =\n HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter - 1);\n };\n\n public static get = (): number => {\n const globalWithRetailUIVerticalScrollCounter =\n HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n return globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n };\n}\n\nfunction generateDocumentStyle(documentMargin: number, emotion: Emotion) {\n return emotion.css`\n overflow: hidden !important;\n margin-right: ${documentMargin}px !important;\n height: 100%;\n `;\n}\n"]}
1
+ {"version":3,"file":"HideBodyVerticalScroll.js","sourceRoot":"","sources":["HideBodyVerticalScroll.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { isBrowser } from '../../lib/globalObject.js';\nimport { RenderEnvironmentContext } from '../../lib/renderEnvironment/index.js';\nimport { styles } from './HideBodyVerticalScroll.css.js';\n\nconst MARGIN_VARIABLE = '--react-ui-hide-body-scroll-margin';\n\nlet disposeDocumentStyle: (() => void) | null = null;\n\ninterface GlobalWithRetailUIVerticalScrollCounter {\n RetailUIVerticalScrollCounter?: number;\n}\n\nexport class HideBodyVerticalScroll extends React.Component {\n public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\n public static displayName = 'HideBodyVerticalScroll';\n\n public static globalObject: GlobalObject;\n\n private initialScroll = 0;\n private master = false;\n\n public componentDidMount() {\n const counter = VerticalScrollCounter.increment();\n if (counter === 1) {\n this.master = true;\n this.initialScroll = HideBodyVerticalScroll.globalObject.document?.documentElement\n ? HideBodyVerticalScroll.globalObject.document.documentElement.scrollTop\n : 0;\n HideBodyVerticalScroll.updateScrollVisibility();\n HideBodyVerticalScroll.globalObject.addEventListener?.('resize', HideBodyVerticalScroll.updateScrollVisibility);\n }\n }\n\n public componentDidUpdate() {\n if (this.master) {\n HideBodyVerticalScroll.updateScrollVisibility();\n }\n }\n\n public componentWillUnmount() {\n const counter = VerticalScrollCounter.decrement();\n if (counter === 0) {\n this.restoreStyles();\n HideBodyVerticalScroll.globalObject.removeEventListener?.(\n 'resize',\n HideBodyVerticalScroll.updateScrollVisibility,\n );\n }\n }\n\n public render() {\n return (\n <RenderEnvironmentContext.Consumer>\n {({ globalObject }) => {\n HideBodyVerticalScroll.globalObject = globalObject;\n\n return null;\n }}\n </RenderEnvironmentContext.Consumer>\n );\n }\n\n public static updateScrollVisibility = () => {\n const shouldHide = !disposeDocumentStyle;\n if (shouldHide) {\n HideBodyVerticalScroll.hideScroll();\n }\n };\n\n public static hideScroll = () => {\n if (!isBrowser(HideBodyVerticalScroll.globalObject)) {\n return;\n }\n const { documentElement } = HideBodyVerticalScroll.globalObject.document;\n const { clientHeight, scrollHeight } = documentElement;\n const documentComputedStyle = HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement);\n const scrollbarConst = HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement).overflowY === 'scroll';\n const scrollWidth =\n clientHeight < scrollHeight || scrollbarConst ? getScrollWidth(HideBodyVerticalScroll.globalObject) : 0;\n const documentMargin = parseFloat(documentComputedStyle.marginRight || '');\n const className = styles.root;\n\n disposeDocumentStyle = HideBodyVerticalScroll.attachStyle(documentElement, className, documentMargin + scrollWidth);\n };\n\n public static attachStyle = (element: HTMLElement, className: string, margin: number) => {\n element.style.setProperty(MARGIN_VARIABLE, `${margin}px`);\n element.classList.add(className);\n return () => {\n element.classList.remove(className);\n element.style.removeProperty(MARGIN_VARIABLE);\n };\n };\n\n private restoreStyles = () => {\n if (disposeDocumentStyle) {\n disposeDocumentStyle();\n disposeDocumentStyle = null;\n\n if (HideBodyVerticalScroll.globalObject.document) {\n HideBodyVerticalScroll.globalObject.document.documentElement.scrollTop = this.initialScroll;\n }\n }\n };\n}\n\nclass VerticalScrollCounter {\n public static increment = (): number => {\n const globalWithRetailUIVerticalScrollCounter =\n HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter + 1);\n };\n\n public static decrement = (): number => {\n const globalWithRetailUIVerticalScrollCounter =\n HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter - 1);\n };\n\n public static get = (): number => {\n const globalWithRetailUIVerticalScrollCounter =\n HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n return globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n };\n}\n"]}
@@ -0,0 +1,8 @@
1
+ export declare const absolute: string;
2
+ export declare const userSelectContain: string;
3
+ export declare const userSelectNone: string;
4
+ export declare const styles: {
5
+ absolute: string;
6
+ userSelectContain: string;
7
+ userSelectNone: string;
8
+ };
@@ -0,0 +1,5 @@
1
+
2
+ export var absolute = 'react-ui-InputLikeText__absolute';
3
+ export var styles = {absolute:'react-ui-InputLikeText__absolute',userSelectContain:'react-ui-InputLikeText__userSelectContain',userSelectNone:'react-ui-InputLikeText__userSelectNone'};
4
+ export var userSelectContain = 'react-ui-InputLikeText__userSelectContain';
5
+ export var userSelectNone = 'react-ui-InputLikeText__userSelectNone';
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputLikeText.css.js","sourceRoot":"","sources":["InputLikeText.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC;IAC5B,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;CACP,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC;IACrC,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC;IAClC,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,EAAE,QAAQ,UAAA,EAAE,iBAAiB,mBAAA,EAAE,cAAc,gBAAA,EAAE,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const absolute = style({\n position: 'absolute',\n top: 0,\n});\n\nexport const userSelectContain = style({\n userSelect: 'text',\n});\n\nexport const userSelectNone = style({\n userSelect: 'none',\n});\n\nexport const styles = { absolute, userSelectContain, userSelectNone };\n"]}
@@ -31,10 +31,6 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, O
31
31
  clearCrossShowed: boolean;
32
32
  };
33
33
  private globalObject;
34
- private emotion;
35
- private cx;
36
- private jsInputStyles;
37
- private styles;
38
34
  private theme;
39
35
  private size;
40
36
  private node;