@skbkontur/react-ui 4.3.0 → 4.5.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 (567) hide show
  1. package/CHANGELOG.md +43 -0
  2. package/cjs/components/Autocomplete/Autocomplete.js +3 -1
  3. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  4. package/cjs/components/Checkbox/Checkbox.js +4 -2
  5. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  6. package/cjs/components/Checkbox/Checkbox.styles.d.ts +1 -1
  7. package/cjs/components/Checkbox/Checkbox.styles.js +1 -1
  8. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
  9. package/cjs/components/CurrencyInput/CurrencyInput.js +10 -4
  10. package/cjs/components/CurrencyInput/CurrencyInput.js.map +1 -1
  11. package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.d.ts +3 -1
  12. package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.js +14 -2
  13. package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.js.map +1 -1
  14. package/cjs/components/DateInput/DateFragmentsView.d.ts +1 -1
  15. package/cjs/components/DateInput/DateFragmentsView.js +10 -1
  16. package/cjs/components/DateInput/DateFragmentsView.js.map +1 -1
  17. package/cjs/components/DateInput/DateInput.d.ts +1 -1
  18. package/cjs/components/DateInput/DateInput.js +1 -1
  19. package/cjs/components/DateInput/DateInput.js.map +1 -1
  20. package/cjs/components/DateInput/helpers/DateInputKeyboardActions.js +1 -2
  21. package/cjs/components/DateInput/helpers/DateInputKeyboardActions.js.map +1 -1
  22. package/cjs/components/DateInput/helpers/SelectionHelpers.js +2 -2
  23. package/cjs/components/DateInput/helpers/SelectionHelpers.js.map +1 -1
  24. package/cjs/components/DatePicker/DatePicker.d.ts +1 -1
  25. package/cjs/components/DatePicker/DatePicker.js +11 -3
  26. package/cjs/components/DatePicker/DatePicker.js.map +1 -1
  27. package/cjs/components/DatePicker/Picker.js +5 -1
  28. package/cjs/components/DatePicker/Picker.js.map +1 -1
  29. package/cjs/components/FileUploader/FileUploader.d.ts +2 -1
  30. package/cjs/components/FileUploader/FileUploader.js +16 -3
  31. package/cjs/components/FileUploader/FileUploader.js.map +1 -1
  32. package/cjs/components/FileUploader/FileUploader.md +8 -1
  33. package/cjs/components/FxInput/FxInput.js +3 -1
  34. package/cjs/components/FxInput/FxInput.js.map +1 -1
  35. package/cjs/components/GlobalLoader/GlobalLoaderView.d.ts +2 -2
  36. package/cjs/components/GlobalLoader/GlobalLoaderView.js.map +1 -1
  37. package/cjs/components/Hint/Hint.d.ts +1 -1
  38. package/cjs/components/Hint/Hint.js.map +1 -1
  39. package/cjs/components/Hint/Hint.md +14 -0
  40. package/cjs/components/Input/Input.js +5 -2
  41. package/cjs/components/Input/Input.js.map +1 -1
  42. package/cjs/components/Input/Input.md +5 -1
  43. package/cjs/components/Input/Input.styles.d.ts +1 -0
  44. package/cjs/components/Input/Input.styles.js +17 -10
  45. package/cjs/components/Input/Input.styles.js.map +1 -1
  46. package/cjs/components/Kebab/Kebab.d.ts +1 -4
  47. package/cjs/components/Kebab/Kebab.js.map +1 -1
  48. package/cjs/components/Link/Link.d.ts +1 -3
  49. package/cjs/components/Link/Link.js +1 -1
  50. package/cjs/components/Link/Link.js.map +1 -1
  51. package/cjs/components/Loader/Loader.d.ts +2 -1
  52. package/cjs/components/Loader/Loader.js +1 -0
  53. package/cjs/components/Loader/Loader.js.map +1 -1
  54. package/cjs/components/Loader/__stories__/LoaderAndButton.js +6 -0
  55. package/cjs/components/Loader/__stories__/LoaderAndButton.js.map +1 -1
  56. package/cjs/components/MenuItem/MenuItem.js +3 -1
  57. package/cjs/components/MenuItem/MenuItem.js.map +1 -1
  58. package/cjs/components/Modal/Modal.js +2 -2
  59. package/cjs/components/Modal/Modal.js.map +1 -1
  60. package/cjs/components/Modal/Modal.styles.d.ts +2 -2
  61. package/cjs/components/Modal/Modal.styles.js +2 -2
  62. package/cjs/components/Modal/Modal.styles.js.map +1 -1
  63. package/cjs/components/Modal/ModalBody.js +2 -2
  64. package/cjs/components/Modal/ModalBody.js.map +1 -1
  65. package/cjs/components/Paging/Paging.d.ts +1 -1
  66. package/cjs/components/Paging/Paging.js +1 -1
  67. package/cjs/components/Paging/Paging.js.map +1 -1
  68. package/cjs/components/Paging/PagingDefaultComponent.d.ts +2 -2
  69. package/cjs/components/Paging/PagingDefaultComponent.js.map +1 -1
  70. package/cjs/components/PasswordInput/PasswordInput.js +7 -5
  71. package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
  72. package/cjs/components/Radio/Radio.js +3 -1
  73. package/cjs/components/Radio/Radio.js.map +1 -1
  74. package/cjs/components/ResponsiveLayout/ResponsiveLayout.d.ts +6 -5
  75. package/cjs/components/ResponsiveLayout/ResponsiveLayout.js +5 -9
  76. package/cjs/components/ResponsiveLayout/ResponsiveLayout.js.map +1 -1
  77. package/cjs/components/ResponsiveLayout/ResponsiveLayout.md +31 -0
  78. package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.js +2 -2
  79. package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.js.map +1 -1
  80. package/cjs/components/ResponsiveLayout/decorator.d.ts +1 -1
  81. package/cjs/components/ResponsiveLayout/types.d.ts +9 -1
  82. package/cjs/components/ResponsiveLayout/useResponsiveLayout.d.ts +2 -2
  83. package/cjs/components/ResponsiveLayout/useResponsiveLayout.js +31 -15
  84. package/cjs/components/ResponsiveLayout/useResponsiveLayout.js.map +1 -1
  85. package/cjs/components/ScrollContainer/ScrollContainer.d.ts +1 -1
  86. package/cjs/components/ScrollContainer/ScrollContainer.helpers.js +4 -4
  87. package/cjs/components/ScrollContainer/ScrollContainer.helpers.js.map +1 -1
  88. package/cjs/components/ScrollContainer/ScrollContainer.js +1 -1
  89. package/cjs/components/ScrollContainer/ScrollContainer.js.map +1 -1
  90. package/cjs/components/Select/Item.d.ts +4 -2
  91. package/cjs/components/Select/Item.js +3 -0
  92. package/cjs/components/Select/Item.js.map +1 -1
  93. package/cjs/components/Select/Select.js +2 -0
  94. package/cjs/components/Select/Select.js.map +1 -1
  95. package/cjs/components/SidePage/SidePageFooter.d.ts +6 -4
  96. package/cjs/components/SidePage/SidePageFooter.js +4 -0
  97. package/cjs/components/SidePage/SidePageFooter.js.map +1 -1
  98. package/cjs/components/Spinner/Spinner.js +1 -1
  99. package/cjs/components/Spinner/Spinner.js.map +1 -1
  100. package/cjs/components/Spinner/Spinner.styles.d.ts +1 -1
  101. package/cjs/components/Spinner/Spinner.styles.js +7 -7
  102. package/cjs/components/Spinner/Spinner.styles.js.map +1 -1
  103. package/cjs/components/Tabs/Indicator.d.ts +1 -1
  104. package/cjs/components/Tabs/Indicator.js +1 -1
  105. package/cjs/components/Tabs/Indicator.js.map +1 -1
  106. package/cjs/components/Tabs/Tabs.js.map +1 -1
  107. package/cjs/components/Textarea/Textarea.js +3 -1
  108. package/cjs/components/Textarea/Textarea.js.map +1 -1
  109. package/cjs/components/Textarea/TextareaCounter.d.ts +2 -2
  110. package/cjs/components/Textarea/TextareaCounter.js.map +1 -1
  111. package/cjs/components/Toast/Toast.js +1 -1
  112. package/cjs/components/Toast/Toast.js.map +1 -1
  113. package/cjs/components/Token/Token.styles.js +2 -1
  114. package/cjs/components/Token/Token.styles.js.map +1 -1
  115. package/cjs/components/TokenInput/TokenInput.d.ts +3 -0
  116. package/cjs/components/TokenInput/TokenInput.js +57 -15
  117. package/cjs/components/TokenInput/TokenInput.js.map +1 -1
  118. package/cjs/components/TokenInput/TokenInput.md +26 -0
  119. package/cjs/components/TokenInput/TokenInput.styles.js +2 -1
  120. package/cjs/components/TokenInput/TokenInput.styles.js.map +1 -1
  121. package/cjs/components/TokenInput/TokenInputMenu.d.ts +2 -1
  122. package/cjs/components/TokenInput/TokenInputMenu.js +1 -1
  123. package/cjs/components/TokenInput/TokenInputMenu.js.map +1 -1
  124. package/cjs/components/Tooltip/Tooltip.d.ts +2 -2
  125. package/cjs/components/Tooltip/Tooltip.js +2 -2
  126. package/cjs/components/Tooltip/Tooltip.js.map +1 -1
  127. package/cjs/components/TooltipMenu/TooltipMenu.d.ts +1 -1
  128. package/cjs/components/TooltipMenu/TooltipMenu.js.map +1 -1
  129. package/cjs/hooks/useEffectWithoutInitCall.d.ts +2 -2
  130. package/cjs/hooks/useEffectWithoutInitCall.js +2 -2
  131. package/cjs/hooks/useEffectWithoutInitCall.js.map +1 -1
  132. package/cjs/hooks/useMemoObject.d.ts +2 -1
  133. package/cjs/hooks/useMemoObject.js +2 -0
  134. package/cjs/hooks/useMemoObject.js.map +1 -1
  135. package/cjs/internal/BGRuler.d.ts +1 -1
  136. package/cjs/internal/BGRuler.js.map +1 -1
  137. package/cjs/internal/Calendar/MonthViewModel.d.ts +1 -1
  138. package/cjs/internal/Calendar/config.d.ts +1 -8
  139. package/cjs/internal/CommonWrapper/CommonWrapper.d.ts +1 -1
  140. package/cjs/internal/CommonWrapper/CommonWrapper.js +5 -4
  141. package/cjs/internal/CommonWrapper/CommonWrapper.js.map +1 -1
  142. package/cjs/internal/ComponentTable.d.ts +2 -2
  143. package/cjs/internal/ComponentTable.js +3 -1
  144. package/cjs/internal/ComponentTable.js.map +1 -1
  145. package/cjs/internal/CustomComboBox/ComboBoxMenu.d.ts +2 -2
  146. package/cjs/internal/CustomComboBox/ComboBoxMenu.js +8 -8
  147. package/cjs/internal/CustomComboBox/ComboBoxMenu.js.map +1 -1
  148. package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js +4 -5
  149. package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js.map +1 -1
  150. package/cjs/internal/DataTids/DataTids.d.ts +5 -5
  151. package/cjs/internal/DataTids/DataTids.js +4 -0
  152. package/cjs/internal/DataTids/DataTids.js.map +1 -1
  153. package/cjs/internal/DateSelect/DateSelect.js +1 -1
  154. package/cjs/internal/DateSelect/DateSelect.js.map +1 -1
  155. package/cjs/internal/DropdownContainer/DropdownContainer.d.ts +1 -1
  156. package/cjs/internal/DropdownContainer/DropdownContainer.js.map +1 -1
  157. package/cjs/internal/FileUploaderControl/withFileUploaderControlProvider.d.ts +1 -1
  158. package/cjs/internal/FileUploaderControl/withFileUploaderControlProvider.js.map +1 -1
  159. package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js +2 -1
  160. package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map +1 -1
  161. package/cjs/internal/InputLikeText/InputLikeText.js +4 -2
  162. package/cjs/internal/InputLikeText/InputLikeText.js.map +1 -1
  163. package/cjs/internal/InternalMenu/InternalMenu.js +21 -9
  164. package/cjs/internal/InternalMenu/InternalMenu.js.map +1 -1
  165. package/cjs/internal/MaskedInput/MaskedInput.d.ts +1 -0
  166. package/cjs/internal/MaskedInput/MaskedInput.js +13 -5
  167. package/cjs/internal/MaskedInput/MaskedInput.js.map +1 -1
  168. package/cjs/internal/Menu/Menu.js +7 -3
  169. package/cjs/internal/Menu/Menu.js.map +1 -1
  170. package/cjs/internal/MobilePopup/MobilePopup.js +1 -1
  171. package/cjs/internal/MobilePopup/MobilePopup.js.map +1 -1
  172. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js +1 -1
  173. package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js.map +1 -1
  174. package/cjs/internal/PerformanceMetrics/PerformanceMetrics.js.map +1 -1
  175. package/cjs/internal/Popup/Popup.d.ts +1 -1
  176. package/cjs/internal/Popup/Popup.js +20 -15
  177. package/cjs/internal/Popup/Popup.js.map +1 -1
  178. package/cjs/internal/Popup/PopupHelper.d.ts +1 -1
  179. package/cjs/internal/Popup/PopupHelper.js.map +1 -1
  180. package/cjs/internal/Popup/PopupPin.d.ts +1 -1
  181. package/cjs/internal/Popup/PopupPin.js.map +1 -1
  182. package/cjs/internal/RenderLayer/RenderLayer.d.ts +1 -1
  183. package/cjs/internal/RenderLayer/RenderLayer.js.map +1 -1
  184. package/cjs/internal/ThemePlayground/AnotherInputsPlayground.d.ts +11 -6
  185. package/cjs/internal/ThemePlayground/AnotherInputsPlayground.js +7 -0
  186. package/cjs/internal/ThemePlayground/AnotherInputsPlayground.js.map +1 -1
  187. package/cjs/internal/ThemePlayground/CurrencyInputPlayground.d.ts +7 -6
  188. package/cjs/internal/ThemePlayground/CurrencyInputPlayground.js +2 -3
  189. package/cjs/internal/ThemePlayground/CurrencyInputPlayground.js.map +1 -1
  190. package/cjs/internal/ThemePlayground/FxInputPlayground.d.ts +6 -4
  191. package/cjs/internal/ThemePlayground/FxInputPlayground.js +5 -5
  192. package/cjs/internal/ThemePlayground/FxInputPlayground.js.map +1 -1
  193. package/cjs/internal/ThemePlayground/HintPlayground.d.ts +1 -1
  194. package/cjs/internal/ThemePlayground/HintPlayground.js.map +1 -1
  195. package/cjs/internal/ThemePlayground/PagingPlayground.d.ts +6 -6
  196. package/cjs/internal/ThemePlayground/PagingPlayground.js +5 -2
  197. package/cjs/internal/ThemePlayground/PagingPlayground.js.map +1 -1
  198. package/cjs/internal/ThemePlayground/Playground.d.ts +1 -1
  199. package/cjs/internal/ThemePlayground/Playground.js.map +1 -1
  200. package/cjs/internal/ThemePlayground/SelectPlayground.d.ts +9 -6
  201. package/cjs/internal/ThemePlayground/SelectPlayground.js +6 -0
  202. package/cjs/internal/ThemePlayground/SelectPlayground.js.map +1 -1
  203. package/cjs/internal/ThemePlayground/SizesGroup.d.ts +2 -2
  204. package/cjs/internal/ThemePlayground/SizesGroup.js +2 -0
  205. package/cjs/internal/ThemePlayground/SizesGroup.js.map +1 -1
  206. package/cjs/internal/ThemePlayground/SwitcherPlayground.d.ts +9 -8
  207. package/cjs/internal/ThemePlayground/SwitcherPlayground.js +6 -1
  208. package/cjs/internal/ThemePlayground/SwitcherPlayground.js.map +1 -1
  209. package/cjs/internal/ThemePlayground/ThemeContextPlayground.js +14 -4
  210. package/cjs/internal/ThemePlayground/ThemeContextPlayground.js.map +1 -1
  211. package/cjs/internal/ThemePlayground/ThemeEditor.d.ts +1 -4
  212. package/cjs/internal/ThemePlayground/ThemeEditor.js.map +1 -1
  213. package/cjs/internal/ThemePlayground/TogglePlayground.d.ts +2 -7
  214. package/cjs/internal/ThemePlayground/TogglePlayground.js +4 -10
  215. package/cjs/internal/ThemePlayground/TogglePlayground.js.map +1 -1
  216. package/cjs/internal/ThemePlayground/TokenInputPlayground.d.ts +6 -4
  217. package/cjs/internal/ThemePlayground/TokenInputPlayground.js +3 -0
  218. package/cjs/internal/ThemePlayground/TokenInputPlayground.js.map +1 -1
  219. package/cjs/internal/ThemePlayground/VariableValue.d.ts +1 -4
  220. package/cjs/internal/ThemePlayground/VariableValue.js.map +1 -1
  221. package/cjs/internal/ThemePlayground/helpers.d.ts +1 -1
  222. package/cjs/internal/ThemePlayground/helpers.js +4 -2
  223. package/cjs/internal/ThemePlayground/helpers.js.map +1 -1
  224. package/cjs/internal/ThemeShowcase/ThemeShowcase.js.map +1 -1
  225. package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  226. package/cjs/internal/ZIndex/ZIndex.js +2 -9
  227. package/cjs/internal/ZIndex/ZIndex.js.map +1 -1
  228. package/cjs/internal/themes/DefaultTheme.d.ts +2 -0
  229. package/cjs/internal/themes/DefaultTheme.js +8 -2
  230. package/cjs/internal/themes/DefaultTheme.js.map +1 -1
  231. package/cjs/lib/ConditionalHandler.js.map +1 -1
  232. package/cjs/lib/InstanceWithAnchorElement.d.ts +1 -1
  233. package/cjs/lib/InstanceWithAnchorElement.js.map +1 -1
  234. package/cjs/lib/ModalStack.js +2 -2
  235. package/cjs/lib/ModalStack.js.map +1 -1
  236. package/cjs/lib/SSRSafe.d.ts +2 -1
  237. package/cjs/lib/SSRSafe.js +9 -1
  238. package/cjs/lib/SSRSafe.js.map +1 -1
  239. package/cjs/lib/animation/index.js +1 -0
  240. package/cjs/lib/animation/index.js.map +1 -1
  241. package/cjs/lib/callChildRef/callChildRef.js +1 -1
  242. package/cjs/lib/callChildRef/callChildRef.js.map +1 -1
  243. package/cjs/lib/createPropsGetter.d.ts +1 -1
  244. package/cjs/lib/createPropsGetter.js +1 -0
  245. package/cjs/lib/createPropsGetter.js.map +1 -1
  246. package/cjs/lib/date/InternalDateCalculator.d.ts +1 -1
  247. package/cjs/lib/date/InternalDateCalculator.js +1 -1
  248. package/cjs/lib/date/InternalDateCalculator.js.map +1 -1
  249. package/cjs/lib/date/InternalDateValidator.d.ts +1 -1
  250. package/cjs/lib/date/InternalDateValidator.js +9 -2
  251. package/cjs/lib/date/InternalDateValidator.js.map +1 -1
  252. package/cjs/lib/extractKeyboardAction.d.ts +1 -1
  253. package/cjs/lib/extractKeyboardAction.js.map +1 -1
  254. package/cjs/lib/filterProps.js +0 -1
  255. package/cjs/lib/filterProps.js.map +1 -1
  256. package/cjs/lib/listenFocusOutside.d.ts +1 -1
  257. package/cjs/lib/listenFocusOutside.js.map +1 -1
  258. package/cjs/lib/locale/useLocaleForControl.d.ts +1 -1
  259. package/cjs/lib/locale/useLocaleForControl.js.map +1 -1
  260. package/cjs/lib/memo.d.ts +3 -1
  261. package/cjs/lib/memo.js +3 -3
  262. package/cjs/lib/memo.js.map +1 -1
  263. package/cjs/lib/net/fetch.js +2 -2
  264. package/cjs/lib/net/fetch.js.map +1 -1
  265. package/cjs/lib/reactGetTextContent.js +0 -1
  266. package/cjs/lib/reactGetTextContent.js.map +1 -1
  267. package/cjs/lib/rootNode/getRootNode.d.ts +3 -3
  268. package/cjs/lib/rootNode/getRootNode.js +7 -7
  269. package/cjs/lib/rootNode/getRootNode.js.map +1 -1
  270. package/cjs/lib/rootNode/rootNodeDecorator.d.ts +9 -9
  271. package/cjs/lib/rootNode/rootNodeDecorator.js.map +1 -1
  272. package/cjs/lib/styles/ColorFactory.js +2 -2
  273. package/cjs/lib/styles/ColorFactory.js.map +1 -1
  274. package/cjs/lib/styles/ColorFunctions.js.map +1 -1
  275. package/cjs/lib/theming/AnimationKeyframes.d.ts +3 -5
  276. package/cjs/lib/theming/AnimationKeyframes.js +8 -22
  277. package/cjs/lib/theming/AnimationKeyframes.js.map +1 -1
  278. package/cjs/lib/theming/Emotion.js +1 -0
  279. package/cjs/lib/theming/Emotion.js.map +1 -1
  280. package/cjs/lib/theming/ThemeFactory.d.ts +1 -1
  281. package/cjs/lib/theming/ThemeFactory.js +3 -1
  282. package/cjs/lib/theming/ThemeFactory.js.map +1 -1
  283. package/cjs/lib/theming/ThemeHelpers.d.ts +2 -2
  284. package/cjs/lib/theming/ThemeHelpers.js +1 -1
  285. package/cjs/lib/theming/ThemeHelpers.js.map +1 -1
  286. package/cjs/lib/utils.d.ts +3 -1
  287. package/cjs/lib/utils.js +5 -2
  288. package/cjs/lib/utils.js.map +1 -1
  289. package/cjs/lib/withClassWrapper.js +1 -4
  290. package/cjs/lib/withClassWrapper.js.map +1 -1
  291. package/cjs/typings/event-types.d.ts +2 -2
  292. package/components/Autocomplete/Autocomplete/Autocomplete.js +4 -1
  293. package/components/Autocomplete/Autocomplete/Autocomplete.js.map +1 -1
  294. package/components/Checkbox/Checkbox/Checkbox.js +5 -2
  295. package/components/Checkbox/Checkbox/Checkbox.js.map +1 -1
  296. package/components/Checkbox/Checkbox.styles/Checkbox.styles.js +1 -1
  297. package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map +1 -1
  298. package/components/Checkbox/Checkbox.styles.d.ts +1 -1
  299. package/components/CurrencyInput/CurrencyInput/CurrencyInput.js +15 -3
  300. package/components/CurrencyInput/CurrencyInput/CurrencyInput.js.map +1 -1
  301. package/components/CurrencyInput/CurrencyInputKeyboardActions/CurrencyInputKeyboardActions.js +4 -2
  302. package/components/CurrencyInput/CurrencyInputKeyboardActions/CurrencyInputKeyboardActions.js.map +1 -1
  303. package/components/CurrencyInput/CurrencyInputKeyboardActions.d.ts +3 -1
  304. package/components/DateInput/DateFragmentsView/DateFragmentsView.js +11 -1
  305. package/components/DateInput/DateFragmentsView/DateFragmentsView.js.map +1 -1
  306. package/components/DateInput/DateFragmentsView.d.ts +1 -1
  307. package/components/DateInput/DateInput/DateInput.js +1 -1
  308. package/components/DateInput/DateInput/DateInput.js.map +1 -1
  309. package/components/DateInput/DateInput.d.ts +1 -1
  310. package/components/DateInput/helpers/DateInputKeyboardActions/DateInputKeyboardActions.js +0 -1
  311. package/components/DateInput/helpers/DateInputKeyboardActions/DateInputKeyboardActions.js.map +1 -1
  312. package/components/DateInput/helpers/SelectionHelpers/SelectionHelpers.js +2 -2
  313. package/components/DateInput/helpers/SelectionHelpers/SelectionHelpers.js.map +1 -1
  314. package/components/DatePicker/DatePicker/DatePicker.js +13 -12
  315. package/components/DatePicker/DatePicker/DatePicker.js.map +1 -1
  316. package/components/DatePicker/DatePicker.d.ts +1 -1
  317. package/components/DatePicker/Picker/Picker.js +5 -1
  318. package/components/DatePicker/Picker/Picker.js.map +1 -1
  319. package/components/FileUploader/FileUploader/FileUploader.js +9 -4
  320. package/components/FileUploader/FileUploader/FileUploader.js.map +1 -1
  321. package/components/FileUploader/FileUploader.d.ts +2 -1
  322. package/components/FileUploader/FileUploader.md +8 -1
  323. package/components/FxInput/FxInput/FxInput.js +4 -1
  324. package/components/FxInput/FxInput/FxInput.js.map +1 -1
  325. package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js.map +1 -1
  326. package/components/GlobalLoader/GlobalLoaderView.d.ts +2 -2
  327. package/components/Hint/Hint/Hint.js.map +1 -1
  328. package/components/Hint/Hint.d.ts +1 -1
  329. package/components/Hint/Hint.md +14 -0
  330. package/components/Input/Input/Input.js +5 -2
  331. package/components/Input/Input/Input.js.map +1 -1
  332. package/components/Input/Input.md +5 -1
  333. package/components/Input/Input.styles/Input.styles.js +13 -10
  334. package/components/Input/Input.styles/Input.styles.js.map +1 -1
  335. package/components/Input/Input.styles.d.ts +1 -0
  336. package/components/Kebab/Kebab/Kebab.js.map +1 -1
  337. package/components/Kebab/Kebab.d.ts +1 -4
  338. package/components/Link/Link/Link.js +1 -1
  339. package/components/Link/Link/Link.js.map +1 -1
  340. package/components/Link/Link.d.ts +1 -3
  341. package/components/Loader/Loader/Loader.js.map +1 -1
  342. package/components/Loader/Loader.d.ts +2 -1
  343. package/components/Loader/__stories__/LoaderAndButton/LoaderAndButton.js.map +1 -1
  344. package/components/MenuItem/MenuItem/MenuItem.js +4 -1
  345. package/components/MenuItem/MenuItem/MenuItem.js.map +1 -1
  346. package/components/Modal/Modal/Modal.js +2 -2
  347. package/components/Modal/Modal/Modal.js.map +1 -1
  348. package/components/Modal/Modal.styles/Modal.styles.js +2 -2
  349. package/components/Modal/Modal.styles/Modal.styles.js.map +1 -1
  350. package/components/Modal/Modal.styles.d.ts +2 -2
  351. package/components/Modal/ModalBody/ModalBody.js +2 -2
  352. package/components/Modal/ModalBody/ModalBody.js.map +1 -1
  353. package/components/Paging/Paging/Paging.js +1 -1
  354. package/components/Paging/Paging/Paging.js.map +1 -1
  355. package/components/Paging/Paging.d.ts +1 -1
  356. package/components/Paging/PagingDefaultComponent/PagingDefaultComponent.js.map +1 -1
  357. package/components/Paging/PagingDefaultComponent.d.ts +2 -2
  358. package/components/PasswordInput/PasswordInput/PasswordInput.js +7 -8
  359. package/components/PasswordInput/PasswordInput/PasswordInput.js.map +1 -1
  360. package/components/Radio/Radio/Radio.js +4 -1
  361. package/components/Radio/Radio/Radio.js.map +1 -1
  362. package/components/ResponsiveLayout/ResponsiveLayout/ResponsiveLayout.js +5 -8
  363. package/components/ResponsiveLayout/ResponsiveLayout/ResponsiveLayout.js.map +1 -1
  364. package/components/ResponsiveLayout/ResponsiveLayout.d.ts +6 -5
  365. package/components/ResponsiveLayout/ResponsiveLayout.md +31 -0
  366. package/components/ResponsiveLayout/ResponsiveLayoutEvents/ResponsiveLayoutEvents.js +3 -1
  367. package/components/ResponsiveLayout/ResponsiveLayoutEvents/ResponsiveLayoutEvents.js.map +1 -1
  368. package/components/ResponsiveLayout/decorator.d.ts +1 -1
  369. package/components/ResponsiveLayout/types.d.ts +9 -1
  370. package/components/ResponsiveLayout/useResponsiveLayout/useResponsiveLayout.js +42 -17
  371. package/components/ResponsiveLayout/useResponsiveLayout/useResponsiveLayout.js.map +1 -1
  372. package/components/ResponsiveLayout/useResponsiveLayout.d.ts +2 -2
  373. package/components/ScrollContainer/ScrollContainer/ScrollContainer.js +1 -1
  374. package/components/ScrollContainer/ScrollContainer/ScrollContainer.js.map +1 -1
  375. package/components/ScrollContainer/ScrollContainer.d.ts +1 -1
  376. package/components/ScrollContainer/ScrollContainer.helpers/ScrollContainer.helpers.js +4 -4
  377. package/components/ScrollContainer/ScrollContainer.helpers/ScrollContainer.helpers.js.map +1 -1
  378. package/components/Select/Item/Item.js.map +1 -1
  379. package/components/Select/Item.d.ts +4 -2
  380. package/components/Select/Select/Select.js.map +1 -1
  381. package/components/SidePage/SidePageFooter/SidePageFooter.js.map +1 -1
  382. package/components/SidePage/SidePageFooter.d.ts +6 -4
  383. package/components/Spinner/Spinner/Spinner.js +1 -1
  384. package/components/Spinner/Spinner/Spinner.js.map +1 -1
  385. package/components/Spinner/Spinner.styles/Spinner.styles.js +3 -3
  386. package/components/Spinner/Spinner.styles/Spinner.styles.js.map +1 -1
  387. package/components/Spinner/Spinner.styles.d.ts +1 -1
  388. package/components/Tabs/Indicator/Indicator.js +1 -1
  389. package/components/Tabs/Indicator/Indicator.js.map +1 -1
  390. package/components/Tabs/Indicator.d.ts +1 -1
  391. package/components/Tabs/Tabs/Tabs.js.map +1 -1
  392. package/components/Textarea/Textarea/Textarea.js +4 -1
  393. package/components/Textarea/Textarea/Textarea.js.map +1 -1
  394. package/components/Textarea/TextareaCounter/TextareaCounter.js.map +1 -1
  395. package/components/Textarea/TextareaCounter.d.ts +2 -2
  396. package/components/Toast/Toast/Toast.js +1 -1
  397. package/components/Toast/Toast/Toast.js.map +1 -1
  398. package/components/Token/Token.styles/Token.styles.js +1 -1
  399. package/components/Token/Token.styles/Token.styles.js.map +1 -1
  400. package/components/TokenInput/TokenInput/TokenInput.js +82 -19
  401. package/components/TokenInput/TokenInput/TokenInput.js.map +1 -1
  402. package/components/TokenInput/TokenInput.d.ts +3 -0
  403. package/components/TokenInput/TokenInput.md +26 -0
  404. package/components/TokenInput/TokenInput.styles/TokenInput.styles.js +1 -1
  405. package/components/TokenInput/TokenInput.styles/TokenInput.styles.js.map +1 -1
  406. package/components/TokenInput/TokenInputMenu/TokenInputMenu.js +1 -1
  407. package/components/TokenInput/TokenInputMenu/TokenInputMenu.js.map +1 -1
  408. package/components/TokenInput/TokenInputMenu.d.ts +2 -1
  409. package/components/Tooltip/Tooltip/Tooltip.js +2 -2
  410. package/components/Tooltip/Tooltip/Tooltip.js.map +1 -1
  411. package/components/Tooltip/Tooltip.d.ts +2 -2
  412. package/components/TooltipMenu/TooltipMenu/TooltipMenu.js.map +1 -1
  413. package/components/TooltipMenu/TooltipMenu.d.ts +1 -1
  414. package/hooks/useEffectWithoutInitCall/useEffectWithoutInitCall.js +2 -2
  415. package/hooks/useEffectWithoutInitCall/useEffectWithoutInitCall.js.map +1 -1
  416. package/hooks/useEffectWithoutInitCall.d.ts +2 -2
  417. package/hooks/useMemoObject/useMemoObject.js.map +1 -1
  418. package/hooks/useMemoObject.d.ts +2 -1
  419. package/internal/BGRuler/BGRuler.js.map +1 -1
  420. package/internal/BGRuler.d.ts +1 -1
  421. package/internal/Calendar/MonthViewModel.d.ts +1 -1
  422. package/internal/Calendar/config.d.ts +1 -8
  423. package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js +3 -2
  424. package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js.map +1 -1
  425. package/internal/CommonWrapper/CommonWrapper.d.ts +1 -1
  426. package/internal/ComponentTable/ComponentTable.js.map +1 -1
  427. package/internal/ComponentTable.d.ts +2 -2
  428. package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js +14 -17
  429. package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js.map +1 -1
  430. package/internal/CustomComboBox/ComboBoxMenu.d.ts +2 -2
  431. package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js +4 -5
  432. package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js.map +1 -1
  433. package/internal/DataTids/DataTids/DataTids.js.map +1 -1
  434. package/internal/DataTids/DataTids.d.ts +5 -5
  435. package/internal/DateSelect/DateSelect/DateSelect.js +1 -1
  436. package/internal/DateSelect/DateSelect/DateSelect.js.map +1 -1
  437. package/internal/DropdownContainer/DropdownContainer/DropdownContainer.js.map +1 -1
  438. package/internal/DropdownContainer/DropdownContainer.d.ts +1 -1
  439. package/internal/FileUploaderControl/withFileUploaderControlProvider/withFileUploaderControlProvider.js.map +1 -1
  440. package/internal/FileUploaderControl/withFileUploaderControlProvider.d.ts +1 -1
  441. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js +2 -1
  442. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map +1 -1
  443. package/internal/InputLikeText/InputLikeText/InputLikeText.js +5 -2
  444. package/internal/InputLikeText/InputLikeText/InputLikeText.js.map +1 -1
  445. package/internal/InternalMenu/InternalMenu/InternalMenu.js +17 -7
  446. package/internal/InternalMenu/InternalMenu/InternalMenu.js.map +1 -1
  447. package/internal/MaskedInput/MaskedInput/MaskedInput.js +13 -6
  448. package/internal/MaskedInput/MaskedInput/MaskedInput.js.map +1 -1
  449. package/internal/MaskedInput/MaskedInput.d.ts +1 -0
  450. package/internal/Menu/Menu/Menu.js +6 -1
  451. package/internal/Menu/Menu/Menu.js.map +1 -1
  452. package/internal/MobilePopup/MobilePopup/MobilePopup.js +1 -1
  453. package/internal/MobilePopup/MobilePopup/MobilePopup.js.map +1 -1
  454. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader/MobilePopupHeader.js +1 -1
  455. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader/MobilePopupHeader.js.map +1 -1
  456. package/internal/PerformanceMetrics/PerformanceMetrics/PerformanceMetrics.js.map +1 -1
  457. package/internal/Popup/Popup/Popup.js +20 -12
  458. package/internal/Popup/Popup/Popup.js.map +1 -1
  459. package/internal/Popup/Popup.d.ts +1 -1
  460. package/internal/Popup/PopupHelper/PopupHelper.js.map +1 -1
  461. package/internal/Popup/PopupHelper.d.ts +1 -1
  462. package/internal/Popup/PopupPin/PopupPin.js.map +1 -1
  463. package/internal/Popup/PopupPin.d.ts +1 -1
  464. package/internal/RenderLayer/RenderLayer/RenderLayer.js.map +1 -1
  465. package/internal/RenderLayer/RenderLayer.d.ts +1 -1
  466. package/internal/ThemePlayground/AnotherInputsPlayground/AnotherInputsPlayground.js.map +1 -1
  467. package/internal/ThemePlayground/AnotherInputsPlayground.d.ts +11 -6
  468. package/internal/ThemePlayground/CurrencyInputPlayground/CurrencyInputPlayground.js.map +1 -1
  469. package/internal/ThemePlayground/CurrencyInputPlayground.d.ts +7 -6
  470. package/internal/ThemePlayground/FxInputPlayground/FxInputPlayground.js +10 -6
  471. package/internal/ThemePlayground/FxInputPlayground/FxInputPlayground.js.map +1 -1
  472. package/internal/ThemePlayground/FxInputPlayground.d.ts +6 -4
  473. package/internal/ThemePlayground/HintPlayground/HintPlayground.js.map +1 -1
  474. package/internal/ThemePlayground/HintPlayground.d.ts +1 -1
  475. package/internal/ThemePlayground/PagingPlayground/PagingPlayground.js +2 -2
  476. package/internal/ThemePlayground/PagingPlayground/PagingPlayground.js.map +1 -1
  477. package/internal/ThemePlayground/PagingPlayground.d.ts +6 -6
  478. package/internal/ThemePlayground/Playground/Playground.js.map +1 -1
  479. package/internal/ThemePlayground/Playground.d.ts +1 -1
  480. package/internal/ThemePlayground/SelectPlayground/SelectPlayground.js.map +1 -1
  481. package/internal/ThemePlayground/SelectPlayground.d.ts +9 -6
  482. package/internal/ThemePlayground/SizesGroup/SizesGroup.js.map +1 -1
  483. package/internal/ThemePlayground/SizesGroup.d.ts +2 -2
  484. package/internal/ThemePlayground/SwitcherPlayground/SwitcherPlayground.js.map +1 -1
  485. package/internal/ThemePlayground/SwitcherPlayground.d.ts +9 -8
  486. package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js +13 -3
  487. package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js.map +1 -1
  488. package/internal/ThemePlayground/ThemeEditor/ThemeEditor.js.map +1 -1
  489. package/internal/ThemePlayground/ThemeEditor.d.ts +1 -4
  490. package/internal/ThemePlayground/TogglePlayground/TogglePlayground.js +5 -17
  491. package/internal/ThemePlayground/TogglePlayground/TogglePlayground.js.map +1 -1
  492. package/internal/ThemePlayground/TogglePlayground.d.ts +2 -7
  493. package/internal/ThemePlayground/TokenInputPlayground/TokenInputPlayground.js.map +1 -1
  494. package/internal/ThemePlayground/TokenInputPlayground.d.ts +6 -4
  495. package/internal/ThemePlayground/VariableValue/VariableValue.js.map +1 -1
  496. package/internal/ThemePlayground/VariableValue.d.ts +1 -4
  497. package/internal/ThemePlayground/helpers/helpers.js +0 -1
  498. package/internal/ThemePlayground/helpers/helpers.js.map +1 -1
  499. package/internal/ThemePlayground/helpers.d.ts +1 -1
  500. package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js.map +1 -1
  501. package/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  502. package/internal/ZIndex/ZIndex/ZIndex.js +6 -3
  503. package/internal/ZIndex/ZIndex/ZIndex.js.map +1 -1
  504. package/internal/themes/DefaultTheme/DefaultTheme.js +16 -6
  505. package/internal/themes/DefaultTheme/DefaultTheme.js.map +1 -1
  506. package/internal/themes/DefaultTheme.d.ts +2 -0
  507. package/lib/ConditionalHandler/ConditionalHandler.js.map +1 -1
  508. package/lib/InstanceWithAnchorElement/InstanceWithAnchorElement.js.map +1 -1
  509. package/lib/InstanceWithAnchorElement.d.ts +1 -1
  510. package/lib/ModalStack/ModalStack.js +2 -2
  511. package/lib/ModalStack/ModalStack.js.map +1 -1
  512. package/lib/SSRSafe/SSRSafe.js +7 -0
  513. package/lib/SSRSafe/SSRSafe.js.map +1 -1
  514. package/lib/SSRSafe.d.ts +2 -1
  515. package/lib/animation/index/index.js +1 -1
  516. package/lib/animation/index/index.js.map +1 -1
  517. package/lib/callChildRef/callChildRef/callChildRef.js +1 -1
  518. package/lib/callChildRef/callChildRef/callChildRef.js.map +1 -1
  519. package/lib/createPropsGetter/createPropsGetter.js +1 -0
  520. package/lib/createPropsGetter/createPropsGetter.js.map +1 -1
  521. package/lib/createPropsGetter.d.ts +1 -1
  522. package/lib/date/InternalDateCalculator/InternalDateCalculator.js +1 -2
  523. package/lib/date/InternalDateCalculator/InternalDateCalculator.js.map +1 -1
  524. package/lib/date/InternalDateCalculator.d.ts +1 -1
  525. package/lib/date/InternalDateValidator/InternalDateValidator.js +8 -2
  526. package/lib/date/InternalDateValidator/InternalDateValidator.js.map +1 -1
  527. package/lib/date/InternalDateValidator.d.ts +1 -1
  528. package/lib/extractKeyboardAction/extractKeyboardAction.js.map +1 -1
  529. package/lib/extractKeyboardAction.d.ts +1 -1
  530. package/lib/filterProps/filterProps.js +0 -1
  531. package/lib/filterProps/filterProps.js.map +1 -1
  532. package/lib/listenFocusOutside/listenFocusOutside.js.map +1 -1
  533. package/lib/listenFocusOutside.d.ts +1 -1
  534. package/lib/locale/useLocaleForControl/useLocaleForControl.js.map +1 -1
  535. package/lib/locale/useLocaleForControl.d.ts +1 -1
  536. package/lib/memo/memo.js +2 -4
  537. package/lib/memo/memo.js.map +1 -1
  538. package/lib/memo.d.ts +3 -1
  539. package/lib/net/fetch/fetch.js +2 -2
  540. package/lib/net/fetch/fetch.js.map +1 -1
  541. package/lib/reactGetTextContent/reactGetTextContent.js +0 -1
  542. package/lib/reactGetTextContent/reactGetTextContent.js.map +1 -1
  543. package/lib/rootNode/getRootNode/getRootNode.js +8 -8
  544. package/lib/rootNode/getRootNode/getRootNode.js.map +1 -1
  545. package/lib/rootNode/getRootNode.d.ts +3 -3
  546. package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js.map +1 -1
  547. package/lib/rootNode/rootNodeDecorator.d.ts +9 -9
  548. package/lib/styles/ColorFactory/ColorFactory.js +3 -1
  549. package/lib/styles/ColorFactory/ColorFactory.js.map +1 -1
  550. package/lib/styles/ColorFunctions/ColorFunctions.js.map +1 -1
  551. package/lib/theming/AnimationKeyframes/AnimationKeyframes.js +8 -14
  552. package/lib/theming/AnimationKeyframes/AnimationKeyframes.js.map +1 -1
  553. package/lib/theming/AnimationKeyframes.d.ts +3 -5
  554. package/lib/theming/Emotion/Emotion.js.map +1 -1
  555. package/lib/theming/ThemeFactory/ThemeFactory.js +4 -1
  556. package/lib/theming/ThemeFactory/ThemeFactory.js.map +1 -1
  557. package/lib/theming/ThemeFactory.d.ts +1 -1
  558. package/lib/theming/ThemeHelpers/ThemeHelpers.js +1 -1
  559. package/lib/theming/ThemeHelpers/ThemeHelpers.js.map +1 -1
  560. package/lib/theming/ThemeHelpers.d.ts +2 -2
  561. package/lib/utils/utils.js +2 -2
  562. package/lib/utils/utils.js.map +1 -1
  563. package/lib/utils.d.ts +3 -1
  564. package/lib/withClassWrapper/withClassWrapper.js +1 -4
  565. package/lib/withClassWrapper/withClassWrapper.js.map +1 -1
  566. package/package.json +3 -20
  567. package/typings/event-types.d.ts +2 -2
@@ -141,6 +141,7 @@ export declare class TokenInput<T = string> extends React.PureComponent<TokenInp
141
141
  private textHelper;
142
142
  private wrapper;
143
143
  private setRootNode;
144
+ private memoizedTokens;
144
145
  componentDidMount(): void;
145
146
  componentDidUpdate(prevProps: TokenInputProps<T> & DefaultProps<T>, prevState: TokenInputState<T>): void;
146
147
  componentWillUnmount(): void;
@@ -207,5 +208,7 @@ export declare class TokenInput<T = string> extends React.PureComponent<TokenInp
207
208
  private renderTokensEnd;
208
209
  private renderToken;
209
210
  private renderAddButton;
211
+ private isTokenDisabled;
212
+ private getAvailableTokenIndex;
210
213
  }
211
214
  export {};
@@ -240,6 +240,8 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
240
240
  textHelper = null;_this.
241
241
  wrapper = null;_this.
242
242
 
243
+ memoizedTokens = new Map();_this.
244
+
243
245
 
244
246
 
245
247
 
@@ -591,8 +593,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
591
593
  handleWrapperMouseDown = function (event) {var _this$wrapper;
592
594
  _this.dispatch({ type: 'SET_PREVENT_BLUR', payload: true });
593
595
  var target = event.target;
594
- var isClickOnToken =
595
- target && ((_this$wrapper = _this.wrapper) == null ? void 0 : _this$wrapper.contains(target)) && target !== _this.wrapper && target !== _this.input;
596
+ var isClickOnToken = target && ((_this$wrapper = _this.wrapper) == null ? void 0 : _this$wrapper.contains(target)) && target !== _this.wrapper && target !== _this.input;
596
597
  if (!isClickOnToken) {
597
598
  _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });
598
599
  }
@@ -707,7 +708,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
707
708
  }
708
709
  }
709
710
  }
710
-
711
+ var isRightmostTokenNotDisabled = !_this.isTokenDisabled(_this.getProps().selectedItems.length - 1);
711
712
  switch (true) {
712
713
  case (0, _identifiers.isKeyEnter)(e):
713
714
  if (_this.menuRef) {
@@ -731,13 +732,17 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
731
732
  (_this$input3 = _this.input) == null ? void 0 : _this$input3.blur();
732
733
  break;
733
734
  case (0, _identifiers.isKeyBackspace)(e):
734
- if (!_this.isEditingMode) {
735
+ if (!_this.isEditingMode && isRightmostTokenNotDisabled) {
735
736
  _this.moveFocusToLastToken();
736
737
  }
737
738
  break;
738
739
  case (0, _identifiers.isKeyArrowLeft)(e):
739
740
  if (((_this$input4 = _this.input) == null ? void 0 : _this$input4.selectionStart) === 0) {
740
- _this.moveFocusToLastToken();
741
+ var index = _this.getAvailableTokenIndex(_this.getProps().selectedItems.length);
742
+ var itemNew = _this.getProps().selectedItems[index];
743
+ if (itemNew) {
744
+ _this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [itemNew] });
745
+ }
741
746
  }
742
747
  break;}
743
748
 
@@ -765,7 +770,10 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
765
770
  switch (true) {
766
771
  case (0, _identifiers.isKeyBackspace)(e):
767
772
  case (0, _identifiers.isKeyDelete)(e):{
768
- if (!_this.isEditingMode) {
773
+ var indexOfActiveToken = _this.getProps().selectedItems.indexOf(
774
+ _this.state.activeTokens[_this.state.activeTokens.length - 1]);
775
+
776
+ if (!_this.isEditingMode && !_this.isTokenDisabled(indexOfActiveToken)) {
769
777
  var itemsNew = selectedItems.filter(function (item) {return !_this.hasValueInItems(_this.state.activeTokens, item);});
770
778
  onValueChange(itemsNew);
771
779
  _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, function () {var _this$input6;
@@ -791,7 +799,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
791
799
  e.preventDefault();
792
800
  _this.dispatch({
793
801
  type: 'SET_ACTIVE_TOKENS',
794
- payload: selectedItems });
802
+ payload: selectedItems.filter(function (item) {return !_this.isTokenDisabled(selectedItems.indexOf(item));}) });
795
803
 
796
804
  break;}
797
805
 
@@ -802,9 +810,9 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
802
810
  var selectedItems = _this.getProps().selectedItems;
803
811
  var activeTokens = _this.state.activeTokens;
804
812
  var activeItemIndex = selectedItems.indexOf(activeTokens[0]);
805
- var newItemIndex = activeItemIndex + ((0, _identifiers.isKeyArrowLeft)(e) ? -1 : +1);
813
+ var newItemIndex = _this.getAvailableTokenIndex(activeItemIndex, (0, _identifiers.isKeyArrowLeft)(e));
806
814
  var isLeftEdge = activeItemIndex === 0 && (0, _identifiers.isKeyArrowLeft)(e);
807
- var isRightEdge = activeItemIndex === selectedItems.length - 1 && (0, _identifiers.isKeyArrowRight)(e);
815
+ var isRightEdge = newItemIndex === selectedItems.length && (0, _identifiers.isKeyArrowRight)(e);
808
816
  if (!e.shiftKey && activeTokens.length === 1) {
809
817
  _this.handleWrapperArrowsWithoutShift(isLeftEdge, isRightEdge, newItemIndex);
810
818
  } else {
@@ -991,7 +999,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
991
999
  }
992
1000
  };_this.
993
1001
 
994
- renderToken = function (item) {
1002
+ renderToken = function (item) {var _this$props$selectedI;
995
1003
  var _this$props = _this.props,_this$props$renderTok = _this$props.renderToken,renderToken = _this$props$renderTok === void 0 ? defaultRenderToken : _this$props$renderTok,disabled = _this$props.disabled;
996
1004
 
997
1005
  var isActive = _this.state.activeTokens.includes(item);
@@ -1014,18 +1022,21 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
1014
1022
 
1015
1023
  var handleTokenDoubleClick = function handleTokenDoubleClick(event) {
1016
1024
  event.stopPropagation();
1017
- if (!_this.isEditingMode) {
1025
+ if (!_this.isEditingMode && !disabled) {
1018
1026
  _this.handleTokenEdit(item);
1019
1027
  }
1020
1028
  };
1021
1029
 
1022
- return renderToken(item, {
1030
+ var renderedToken = renderToken(item, {
1023
1031
  isActive: isActive,
1024
1032
  onClick: handleTokenClick,
1025
1033
  onDoubleClick: handleTokenDoubleClick,
1026
1034
  onRemove: handleIconClick,
1027
1035
  disabled: disabled });
1028
1036
 
1037
+
1038
+ _this.memoizedTokens.set((_this$props$selectedI = _this.props.selectedItems) == null ? void 0 : _this$props$selectedI.indexOf(item), renderedToken);
1039
+ return renderedToken;
1029
1040
  };_this.
1030
1041
 
1031
1042
  renderAddButton = function (value) {if (value === void 0) {value = _this.state.inputValue;}
@@ -1044,11 +1055,42 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
1044
1055
  addButtonTitle, " ", value));
1045
1056
 
1046
1057
 
1047
- };return _this;}var _proto = TokenInput.prototype;_proto.componentDidMount = function componentDidMount() {this.updateInputTextWidth();document.addEventListener('copy', this.handleCopy);if (this.props.autoFocus) {this.focusInput();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (prevState.inputValue !== this.state.inputValue) {this.updateInputTextWidth();}if (prevState.activeTokens.length === 0 && this.state.activeTokens.length > 0) {this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });}if (prevProps.selectedItems.length !== this.getProps().selectedItems.length) {LayoutEvents.emit();}if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {this.tryGetItems(this.isEditingMode ? '' : this.state.inputValue);}};_proto.componentWillUnmount = function componentWillUnmount() {document.removeEventListener('copy', this.handleCopy);} /**
1058
+ };_this.
1059
+
1060
+ isTokenDisabled = function (itemIndex) {
1061
+ var renderedToken;
1062
+ if (_this.memoizedTokens.has(itemIndex)) {
1063
+ renderedToken = _this.memoizedTokens.get(itemIndex);
1064
+ } else if (itemIndex < 0 || itemIndex > _this.getProps().selectedItems.length - 1) {
1065
+ return false;
1066
+ } else {
1067
+ renderedToken = _this.renderToken(_this.getProps().selectedItems[itemIndex]);
1068
+
1069
+
1070
+ }
1071
+ return renderedToken.props.disabled;
1072
+ };_this.
1073
+
1074
+ getAvailableTokenIndex = function (startIndex, isDirectionLeft) {if (isDirectionLeft === void 0) {isDirectionLeft = true;}
1075
+ var _this$getProps7 = _this.getProps(),selectedItems = _this$getProps7.selectedItems;
1076
+ var step = isDirectionLeft ? -1 : +1;
1077
+ var availableIndex = startIndex + step;
1078
+
1079
+ while (_this.isTokenDisabled(availableIndex)) {
1080
+ availableIndex += step;
1081
+ if (availableIndex === selectedItems.length) {
1082
+ return availableIndex;
1083
+ } else if (availableIndex === -1) {
1084
+ return startIndex;
1085
+ }
1086
+ }
1087
+
1088
+ return availableIndex;
1089
+ };return _this;}var _proto = TokenInput.prototype;_proto.componentDidMount = function componentDidMount() {this.updateInputTextWidth();document.addEventListener('copy', this.handleCopy);if (this.props.autoFocus) {this.focusInput();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (prevState.inputValue !== this.state.inputValue) {this.updateInputTextWidth();}if (prevState.activeTokens.length === 0 && this.state.activeTokens.length > 0) {this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });}if (prevProps.selectedItems.length !== this.getProps().selectedItems.length) {LayoutEvents.emit();this.memoizedTokens.clear();}if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {this.tryGetItems(this.isEditingMode ? '' : this.state.inputValue);}};_proto.componentWillUnmount = function componentWillUnmount() {document.removeEventListener('copy', this.handleCopy);} /**
1048
1090
  * @public
1049
1091
  */;_proto.focus = function focus() {var _this$input8;(_this$input8 = this.input) == null ? void 0 : _this$input8.focus();} /**
1050
1092
  * @public
1051
- */;_proto.blur = function blur() {var _this$input9;(_this$input9 = this.input) == null ? void 0 : _this$input9.blur();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx, _cx2, _cx3;if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {throw Error('Missed getItems for type ' + this.type);}var _this$props2 = this.props,maxMenuHeight = _this$props2.maxMenuHeight,error = _this$props2.error,warning = _this$props2.warning,disabled = _this$props2.disabled,placeholder = _this$props2.placeholder,renderNotFound = _this$props2.renderNotFound,hideMenuIfEmptyInputValue = _this$props2.hideMenuIfEmptyInputValue,inputMode = _this$props2.inputMode,renderTotalCount = _this$props2.renderTotalCount,totalCount = _this$props2.totalCount;var _this$getProps7 = this.getProps(),selectedItems = _this$getProps7.selectedItems,width = _this$getProps7.width,onMouseEnter = _this$getProps7.onMouseEnter,onMouseLeave = _this$getProps7.onMouseLeave,menuWidth = _this$getProps7.menuWidth,menuAlign = _this$getProps7.menuAlign,renderItem = _this$getProps7.renderItem;var _this$state3 = this.state,activeTokens = _this$state3.activeTokens,inFocus = _this$state3.inFocus,inputValueWidth = _this$state3.inputValueWidth,inputValue = _this$state3.inputValue,reservedInputValue = _this$state3.reservedInputValue,autocompleteItems = _this$state3.autocompleteItems,loading = _this$state3.loading,inputValueHeight = _this$state3.inputValueHeight;var showMenu = this.type !== TokenInputType.WithoutReference && this.isCursorVisible && activeTokens.length === 0 && (inputValue !== '' || !hideMenuIfEmptyInputValue);var theme = this.theme;var lineHeight = parseInt(theme.tokenInputLineHeight, 10) || 0;var inputInlineStyles = { // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости
1093
+ */;_proto.blur = function blur() {var _this$input9;(_this$input9 = this.input) == null ? void 0 : _this$input9.blur();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx, _cx2, _cx3;if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {throw Error('Missed getItems for type ' + this.type);}var _this$props2 = this.props,maxMenuHeight = _this$props2.maxMenuHeight,error = _this$props2.error,warning = _this$props2.warning,disabled = _this$props2.disabled,placeholder = _this$props2.placeholder,renderNotFound = _this$props2.renderNotFound,hideMenuIfEmptyInputValue = _this$props2.hideMenuIfEmptyInputValue,inputMode = _this$props2.inputMode,renderTotalCount = _this$props2.renderTotalCount,totalCount = _this$props2.totalCount;var _this$getProps8 = this.getProps(),selectedItems = _this$getProps8.selectedItems,width = _this$getProps8.width,onMouseEnter = _this$getProps8.onMouseEnter,onMouseLeave = _this$getProps8.onMouseLeave,menuWidth = _this$getProps8.menuWidth,menuAlign = _this$getProps8.menuAlign,renderItem = _this$getProps8.renderItem;var _this$state3 = this.state,activeTokens = _this$state3.activeTokens,inFocus = _this$state3.inFocus,inputValueWidth = _this$state3.inputValueWidth,inputValue = _this$state3.inputValue,reservedInputValue = _this$state3.reservedInputValue,autocompleteItems = _this$state3.autocompleteItems,loading = _this$state3.loading,inputValueHeight = _this$state3.inputValueHeight;var showMenu = this.type !== TokenInputType.WithoutReference && this.isCursorVisible && activeTokens.length === 0 && (inputValue !== '' || !hideMenuIfEmptyInputValue);var theme = this.theme;var lineHeight = parseInt(theme.tokenInputLineHeight, 10) || 0;var inputInlineStyles = { // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости
1052
1094
  width: inputValueWidth, height: Math.max(lineHeight, inputValueHeight), // input растягивается на всю ширину чтобы placeholder не обрезался
1053
1095
  flex: selectedItems && selectedItems.length === 0 ? 1 : undefined, // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее
1054
1096
  caretColor: this.isCursorVisible ? undefined : 'transparent' };var labelClassName = (0, _Emotion.cx)(_TokenInput.styles.label(theme), (_cx = {}, _cx[_TokenInput.styles.labelDisabled(theme)] = !!disabled, _cx[_TokenInput.styles.labelFocused(theme)] = !!inFocus, _cx[_TokenInput.styles.error(theme)] = !!error, _cx[_TokenInput.styles.warning(theme)] = !!warning, _cx));var inputClassName = (0, _Emotion.cx)(_TokenInput.styles.input(theme), (_cx2 = {}, _cx2[_TokenInput.styles.inputDisabled(theme)] = !!disabled, _cx2[_TokenInput.styles.inputEditing(theme)] = this.isEditingMode, _cx2));return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": TokenInputDataTids.root, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, /*#__PURE__*/_react.default.createElement("label", { ref: this.wrapperRef, style: { width: width }, className: labelClassName, onMouseDown: this.handleWrapperMouseDown, onMouseUp: this.handleWrapperMouseUp }, /*#__PURE__*/_react.default.createElement(_TextWidthHelper.TextWidthHelper, { ref: this.textHelperRef, classHelp: (0, _Emotion.cx)(_TokenInput.styles.helperText(theme), (_cx3 = {}, _cx3[_TokenInput.styles.helperTextEditing(theme)] = this.isEditingMode, _cx3)), text: inputValue, theme: this.theme }), this.renderTokensStart(), /*#__PURE__*/_react.default.createElement("textarea", { ref: this.inputRef, value: inputValue, style: inputInlineStyles, spellCheck: false, disabled: disabled, className: inputClassName, placeholder: selectedItems.length > 0 ? undefined : placeholder, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleChangeInputValue, onKeyDown: this.handleKeyDown, onPaste: this.handleInputPaste, inputMode: inputMode }), showMenu && /*#__PURE__*/_react.default.createElement(_TokenInputMenu.TokenInputMenu, { ref: this.tokensInputMenuRef, items: autocompleteItems, loading: loading, opened: showMenu, maxMenuHeight: maxMenuHeight, anchorElement: menuAlign === 'cursor' ? this.input : this.wrapper, renderNotFound: renderNotFound, renderItem: renderItem, onValueChange: this.selectItem, renderAddButton: this.renderAddButton, menuWidth: menuWidth, menuAlign: menuAlign, renderTotalCount: renderTotalCount, totalCount: totalCount }), this.renderTokensEnd(), this.isEditingMode ? /*#__PURE__*/_react.default.createElement("span", { className: _TokenInput.styles.reservedInput(theme) }, reservedInputValue) : null)));} /**
@@ -1056,4 +1098,4 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
1056
1098
  * @public
1057
1099
  */;_proto.reset = function reset() {this.dispatch({ type: 'RESET' });};_proto.isCursorVisibleForState = function isCursorVisibleForState(state) {return state.inFocus && (state.inputValue !== '' || state.activeTokens.length === 0);};_proto.updateInputTextWidth = function updateInputTextWidth() {if (this.textHelper) {// в IE текст иногда не помещается в input
1058
1100
  // из-за округления, поэтому округляем явно
1059
- var inputValueWidth = parseFloat(this.textHelper.getTextWidth().toFixed(2));var inputValueHeight = parseFloat(this.textHelper.getTextHeight().toFixed(2));this.dispatch({ type: 'SET_INPUT_VALUE_WIDTH', payload: inputValueWidth }, LayoutEvents.emit);this.dispatch({ type: 'SET_INPUT_VALUE_HEIGHT', payload: inputValueHeight }, LayoutEvents.emit);}};_proto.moveFocusToLastToken = function moveFocusToLastToken() {var items = this.getProps().selectedItems;if (this.state.inputValue === '' && items && items.length > 0) {this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: items.slice(-1) });}};(0, _createClass2.default)(TokenInput, [{ key: "showAddItemHint", get: function get() {var items = this.state.autocompleteItems;var value = this.getProps().valueToItem(this.state.inputValue);if (items && this.hasValueInItems(items, value)) {return false;}var selectedItems = this.getProps().selectedItems;if (selectedItems && this.hasValueInItems(selectedItems, value)) {return false;}if (this.type === TokenInputType.Combined && this.state.inputValue !== '') {return true;}} }, { key: "type", get: function get() {return this.props.type ? this.props.type : TokenInputType.WithReference;} }, { key: "menuRef", get: function get() {return this.tokensInputMenu && this.tokensInputMenu.getMenuRef();} }, { key: "isCursorVisible", get: function get() {return this.isCursorVisibleForState(this.state);} }, { key: "isEditingMode", get: function get() {return this.state.editingTokenIndex > -1;} }, { key: "isInputChanged", get: function get() {if (this.isEditingMode) {return this.isTokenValueChanged;}return this.isInputValueChanged;} }, { key: "isInputValueChanged", get: function get() {var inputValue = this.state.inputValue;return inputValue !== '';} }, { key: "isTokenValueChanged", get: function get() {var _this$state4 = this.state,inputValue = _this$state4.inputValue,editingTokenIndex = _this$state4.editingTokenIndex;var _this$getProps8 = this.getProps(),valueToString = _this$getProps8.valueToString,selectedItems = _this$getProps8.selectedItems;if (this.isEditingMode) {return valueToString(selectedItems[editingTokenIndex]) !== inputValue;}return false;} }]);return TokenInput;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'TokenInput', _class2.defaultProps = { selectedItems: [], delimiters: [',', ' '], renderItem: identity, renderValue: identity, valueToString: identity, valueToItem: function valueToItem(item) {return item;}, toKey: defaultToKey, onValueChange: function onValueChange() {return void 0;}, width: 250, onBlur: _utils.emptyHandler, onFocus: _utils.emptyHandler, onMouseEnter: _utils.emptyHandler, onMouseLeave: _utils.emptyHandler, menuWidth: 'auto', menuAlign: 'cursor' }, _temp)) || _class) || _class);exports.TokenInput = TokenInput;
1101
+ var inputValueWidth = parseFloat(this.textHelper.getTextWidth().toFixed(2));var inputValueHeight = parseFloat(this.textHelper.getTextHeight().toFixed(2));this.dispatch({ type: 'SET_INPUT_VALUE_WIDTH', payload: inputValueWidth }, LayoutEvents.emit);this.dispatch({ type: 'SET_INPUT_VALUE_HEIGHT', payload: inputValueHeight }, LayoutEvents.emit);}};_proto.moveFocusToLastToken = function moveFocusToLastToken() {var items = this.getProps().selectedItems;if (this.state.inputValue === '' && items && items.length > 0) {this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: items.slice(-1) });}};(0, _createClass2.default)(TokenInput, [{ key: "showAddItemHint", get: function get() {var items = this.state.autocompleteItems;var value = this.getProps().valueToItem(this.state.inputValue);if (items && this.hasValueInItems(items, value)) {return false;}var selectedItems = this.getProps().selectedItems;if (selectedItems && this.hasValueInItems(selectedItems, value)) {return false;}if (this.type === TokenInputType.Combined && this.state.inputValue !== '') {return true;}} }, { key: "type", get: function get() {return this.props.type ? this.props.type : TokenInputType.WithReference;} }, { key: "menuRef", get: function get() {return this.tokensInputMenu && this.tokensInputMenu.getMenuRef();} }, { key: "isCursorVisible", get: function get() {return this.isCursorVisibleForState(this.state);} }, { key: "isEditingMode", get: function get() {return this.state.editingTokenIndex > -1;} }, { key: "isInputChanged", get: function get() {if (this.isEditingMode) {return this.isTokenValueChanged;}return this.isInputValueChanged;} }, { key: "isInputValueChanged", get: function get() {var inputValue = this.state.inputValue;return inputValue !== '';} }, { key: "isTokenValueChanged", get: function get() {var _this$state4 = this.state,inputValue = _this$state4.inputValue,editingTokenIndex = _this$state4.editingTokenIndex;var _this$getProps9 = this.getProps(),valueToString = _this$getProps9.valueToString,selectedItems = _this$getProps9.selectedItems;if (this.isEditingMode) {return valueToString(selectedItems[editingTokenIndex]) !== inputValue;}return false;} }]);return TokenInput;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'TokenInput', _class2.defaultProps = { selectedItems: [], delimiters: [',', ' '], renderItem: identity, renderValue: identity, valueToString: identity, valueToItem: function valueToItem(item) {return item;}, toKey: defaultToKey, onValueChange: function onValueChange() {return void 0;}, width: 250, onBlur: _utils.emptyHandler, onFocus: _utils.emptyHandler, onMouseEnter: _utils.emptyHandler, onMouseLeave: _utils.emptyHandler, menuWidth: 'auto', menuAlign: 'cursor' }, _temp)) || _class) || _class);exports.TokenInput = TokenInput;
@@ -1 +1 @@
1
- {"version":3,"sources":["TokenInput.tsx"],"names":["TokenInputType","DefaultState","inputValue","reservedInputValue","undefined","autocompleteItems","activeTokens","editingTokenIndex","inFocus","loading","preventBlur","inputValueWidth","inputValueHeight","TokenInputDataTids","root","tokenInputMenu","defaultToKey","item","toString","identity","defaultRenderToken","isActive","onClick","onDoubleClick","onRemove","disabled","TokenInput","TokenInputLocaleHelper","rootNode","getProps","defaultProps","state","input","tokensInputMenu","textHelper","wrapper","hasValueInItems","items","value","includes","some","inputRef","node","tokensInputMenuRef","textHelperRef","wrapperRef","dispatch","action","cb","setState","prevState","handleInputFocus","event","type","onFocus","handleInputBlur","isBlurToMenu","handleOutsideBlur","preventDefault","focus","requestAnimationFrame","payload","onBlur","isEditingMode","finishTokenEdit","isTokenValueChanged","length","valueToString","selectItem","isInputChanged","checkForUnexpectedInput","menuRef","menu","getMenuRef","relatedTarget","document","activeElement","contains","handleWrapperMouseDown","target","isClickOnToken","handleWrapperMouseUp","handleCopy","isCursorVisible","selectedItems","delimiters","tokens","map","token","indexOf","sort","index","clipboardData","setData","join","handleInputPaste","WithReference","paste","getData","valueToItem","onValueChange","delimiter","stopPropagation","split","filter","newItems","concat","tryGetItems","query","props","getItems","hideMenuIfEmptyInputValue","isSelectedItem","isEditingItem","editingItem","autocompleteItemsUnique","unshift","LayoutEvents","emit","highlightMenuItem","selectItemIndex","findIndex","toLowerCase","highlightItem","handleKeyDown","handleInputKeyDown","handleWrapperKeyDown","e","key","WithoutReference","newValue","handleAddItem","enter","up","down","blur","moveFocusToLastToken","selectionStart","focusInput","selectInputText","setSelectionRange","itemsNew","handleWrapperArrows","handleTokenEdit","activeItemIndex","newItemIndex","isLeftEdge","isRightEdge","shiftKey","handleWrapperArrowsWithoutShift","handleWrapperArrowsWithShift","itemNew","handleValueChange","handleRemoveToken","_","filteredActiveTokens","handleTokenClick","ctrlKey","editedItem","splice","onUnexpectedInput","returnedValue","handleChangeInputValue","trimLeft","endsWith","trimRight","onInputValueChange","Combined","renderTokensStart","slice","renderToken","renderTokensEnd","handleIconClick","handleTokenDoubleClick","renderAddButton","showAddItemHint","locale","addButtonComment","addButtonTitle","componentDidMount","updateInputTextWidth","addEventListener","autoFocus","componentDidUpdate","prevProps","isCursorVisibleForState","componentWillUnmount","removeEventListener","render","theme","renderMain","Error","maxMenuHeight","error","warning","placeholder","renderNotFound","inputMode","renderTotalCount","totalCount","width","onMouseEnter","onMouseLeave","menuWidth","menuAlign","renderItem","showMenu","lineHeight","parseInt","tokenInputLineHeight","inputInlineStyles","height","Math","max","flex","caretColor","labelClassName","styles","label","labelDisabled","labelFocused","inputClassName","inputDisabled","inputEditing","setRootNode","helperText","helperTextEditing","reservedInput","reset","parseFloat","getTextWidth","toFixed","getTextHeight","isInputValueChanged","React","PureComponent","__KONTUR_REACT_UI__","renderValue","toKey","emptyHandler"],"mappings":"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","sourcesContent":["import React, { ChangeEvent, FocusEvent, FocusEventHandler, KeyboardEvent, MouseEventHandler, ReactNode } from 'react';\nimport isEqual from 'lodash.isequal';\n\nimport {\n isKeyArrowHorizontal,\n isKeyArrowLeft,\n isKeyArrowRight,\n isKeyArrowUp,\n isKeyArrowVertical,\n isKeyBackspace,\n isKeyComma,\n isKeyDelete,\n isKeyEnter,\n isKeyEscape,\n isShortcutSelectAll,\n} from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Menu } from '../../internal/Menu';\nimport { Token, TokenProps } from '../Token';\nimport { MenuItemState } from '../MenuItem';\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { locale } from '../../lib/locale/decorators';\nimport { MenuItem } from '../MenuItem/MenuItem';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { TokenInputLocale, TokenInputLocaleHelper } from './locale';\nimport { styles } from './TokenInput.styles';\nimport { TokenInputAction, tokenInputReducer } from './TokenInputReducer';\nimport { TokenInputMenu } from './TokenInputMenu';\nimport { TextWidthHelper } from './TextWidthHelper';\n\nexport enum TokenInputType {\n WithReference,\n WithoutReference,\n Combined,\n}\n\nexport type TokenInputMenuAlign = 'left' | 'cursor';\n\nexport interface TokenInputProps<T> extends CommonProps {\n selectedItems?: T[];\n onValueChange?: (items: T[]) => void;\n onMouseEnter?: MouseEventHandler<HTMLDivElement>;\n onMouseLeave?: MouseEventHandler<HTMLDivElement>;\n onFocus?: FocusEventHandler<HTMLTextAreaElement>;\n onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n autoFocus?: boolean;\n type?: TokenInputType;\n /**\n * Ширина выпадающего меню может быть указана как 'auto'\n * а также в пикселях, процентах (от ширины инпута)\n * или других конкретных единицах\n *\n * Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto'\n * (по ширине текста)\n */\n menuWidth?: React.CSSProperties['width'];\n menuAlign?: TokenInputMenuAlign;\n\n /**\n * Функция поиска элементов, должна возвращать Promise с массивом элементов.\n * По умолчанию ожидаются строки.\n *\n * Элементы могут быть любого типа. В этом случае необходимо определить\n * свойства `renderItem`, `valueToString`\n */\n getItems?: (query: string) => Promise<T[]>;\n hideMenuIfEmptyInputValue?: boolean;\n renderItem?: (item: T, state: MenuItemState) => React.ReactNode | null;\n renderValue?: (item: T) => React.ReactNode;\n /**\n * Функция должна возвращать строковое представление токена\n * @default item => item\n */\n valueToString?: (item: T) => string;\n /**\n * Функция отображающая сообщение об общем количестве элементов.\n * `found` учитывает только компонент `MenuItem`. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n */\n renderTotalCount?: (found: number, total: number) => React.ReactNode;\n /**\n * Общее количество элементов.\n * Необходим для работы `renderTotalCount`\n */\n totalCount?: number;\n renderNotFound?: () => React.ReactNode;\n valueToItem?: (item: string) => T;\n toKey?: (item: T) => string | number | undefined;\n placeholder?: string;\n delimiters?: string[];\n /**\n * Состояние валидации при ошибке.\n */\n error?: boolean;\n /**\n * Состояние валидации при предупреждении.\n */\n warning?: boolean;\n disabled?: boolean;\n width?: string | number;\n maxMenuHeight?: number | string;\n renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;\n /**\n * Вызывается при изменении текста в поле ввода,\n */\n onInputValueChange?: (value: string) => void;\n /**\n * Функция отрисовки кнопки добавления в выпадающем списке\n */\n renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;\n /**\n * Функция для обработки ситуации, когда была введена\n * строка в инпут и был потерян фокус с компонента\n *\n * Функция срабатывает с аргументом инпута строки\n *\n * Если при потере фокуса в выпадающем списке будет только один\n * элемент и результат `valueToString` с этим элементом будет\n * совпадать со значение в текстовом поле, то\n * сработает `onValueChange` со значением данного элемента\n *\n * Сама функция также может вернуть значение,\n * неравное `undefined`, с которым будет вызван `onValueChange`.\n * Если возвращаемое значение будет равно `null`,\n * то сработает очистка текущего значения инпута,\n * а в режиме редактирования токен будет удален\n */\n onUnexpectedInput?: (value: string) => void | null | undefined | T;\n inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];\n}\n\nexport interface TokenInputState<T> {\n autocompleteItems?: T[];\n activeTokens: T[];\n editingTokenIndex: number;\n clickedToken?: T;\n clickedTokenTimeout?: number;\n inFocus?: boolean;\n inputValue: string;\n reservedInputValue: string | undefined;\n inputValueWidth: number;\n inputValueHeight: number;\n preventBlur?: boolean;\n loading?: boolean;\n}\n\nexport const DefaultState = {\n inputValue: '',\n reservedInputValue: undefined,\n autocompleteItems: undefined,\n activeTokens: [],\n editingTokenIndex: -1,\n inFocus: false,\n loading: false,\n preventBlur: false,\n inputValueWidth: 2,\n inputValueHeight: 22,\n};\n\nexport const TokenInputDataTids = {\n root: 'TokenInput__root',\n tokenInputMenu: 'TokenInputMenu__root',\n} as const;\n\ntype DefaultProps<T> = Required<\n Pick<\n TokenInputProps<T>,\n | 'selectedItems'\n | 'delimiters'\n | 'renderItem'\n | 'renderValue'\n | 'valueToString'\n | 'valueToItem'\n | 'toKey'\n | 'onValueChange'\n | 'width'\n | 'onBlur'\n | 'onFocus'\n | 'onMouseEnter'\n | 'onMouseLeave'\n | 'menuWidth'\n | 'menuAlign'\n >\n>;\n\nconst defaultToKey = <T extends {}>(item: T): string => item.toString();\nconst identity = <T extends {}>(item: T): T => item;\nconst defaultRenderToken = <T extends {}>(\n item: T,\n { isActive, onClick, onDoubleClick, onRemove, disabled }: Partial<TokenProps>,\n) => (\n <Token\n key={item.toString()}\n isActive={isActive}\n onClick={onClick}\n onDoubleClick={onDoubleClick}\n onRemove={onRemove}\n disabled={disabled}\n >\n {item}\n </Token>\n);\n\n@rootNode\n@locale('TokenInput', TokenInputLocaleHelper)\nexport class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {\n public static __KONTUR_REACT_UI__ = 'TokenInput';\n\n public static defaultProps: DefaultProps<any> = {\n selectedItems: [],\n delimiters: [',', ' '],\n renderItem: identity,\n renderValue: identity,\n valueToString: identity,\n valueToItem: (item: string) => item,\n toKey: defaultToKey,\n onValueChange: () => void 0,\n width: 250 as string | number,\n onBlur: emptyHandler,\n onFocus: emptyHandler,\n onMouseEnter: emptyHandler,\n onMouseLeave: emptyHandler,\n menuWidth: 'auto',\n menuAlign: 'cursor',\n };\n\n private getProps = createPropsGetter(TokenInput.defaultProps);\n\n public state: TokenInputState<T> = DefaultState;\n\n private readonly locale!: TokenInputLocale;\n private theme!: Theme;\n private input: HTMLTextAreaElement | null = null;\n private tokensInputMenu: TokenInputMenu<T> | null = null;\n private textHelper: TextWidthHelper | null = null;\n private wrapper: HTMLLabelElement | null = null;\n private setRootNode!: TSetRootNode;\n\n public componentDidMount() {\n this.updateInputTextWidth();\n document.addEventListener('copy', this.handleCopy);\n if (this.props.autoFocus) {\n this.focusInput();\n }\n }\n\n public componentDidUpdate(prevProps: TokenInputProps<T> & DefaultProps<T>, prevState: TokenInputState<T>) {\n if (prevState.inputValue !== this.state.inputValue) {\n this.updateInputTextWidth();\n }\n if (prevState.activeTokens.length === 0 && this.state.activeTokens.length > 0) {\n this.dispatch({\n type: 'SET_AUTOCOMPLETE_ITEMS',\n payload: undefined,\n });\n }\n if (prevProps.selectedItems.length !== this.getProps().selectedItems.length) {\n LayoutEvents.emit();\n }\n if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {\n this.tryGetItems(this.isEditingMode ? '' : this.state.inputValue);\n }\n }\n\n public componentWillUnmount() {\n document.removeEventListener('copy', this.handleCopy);\n }\n\n /**\n * @public\n */\n public focus() {\n this.input?.focus();\n }\n\n /**\n * @public\n */\n public blur() {\n this.input?.blur();\n }\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 renderMain() {\n if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {\n throw Error('Missed getItems for type ' + this.type);\n }\n\n const {\n maxMenuHeight,\n error,\n warning,\n disabled,\n placeholder,\n renderNotFound,\n hideMenuIfEmptyInputValue,\n inputMode,\n renderTotalCount,\n totalCount,\n } = this.props;\n\n const { selectedItems, width, onMouseEnter, onMouseLeave, menuWidth, menuAlign, renderItem } = this.getProps();\n\n const {\n activeTokens,\n inFocus,\n inputValueWidth,\n inputValue,\n reservedInputValue,\n autocompleteItems,\n loading,\n inputValueHeight,\n } = this.state;\n\n const showMenu =\n this.type !== TokenInputType.WithoutReference &&\n this.isCursorVisible &&\n activeTokens.length === 0 &&\n (inputValue !== '' || !hideMenuIfEmptyInputValue);\n\n const theme = this.theme;\n\n const lineHeight = parseInt(theme.tokenInputLineHeight, 10) || 0;\n\n const inputInlineStyles: React.CSSProperties = {\n // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости\n width: inputValueWidth,\n height: Math.max(lineHeight, inputValueHeight),\n // input растягивается на всю ширину чтобы placeholder не обрезался\n flex: selectedItems && selectedItems.length === 0 ? 1 : undefined,\n // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее\n caretColor: this.isCursorVisible ? undefined : 'transparent',\n };\n\n const labelClassName = cx(styles.label(theme), {\n [styles.labelDisabled(theme)]: !!disabled,\n [styles.labelFocused(theme)]: !!inFocus,\n [styles.error(theme)]: !!error,\n [styles.warning(theme)]: !!warning,\n });\n const inputClassName = cx(styles.input(theme), {\n [styles.inputDisabled(theme)]: !!disabled,\n [styles.inputEditing(theme)]: this.isEditingMode,\n });\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div data-tid={TokenInputDataTids.root} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n <label\n ref={this.wrapperRef}\n style={{ width }}\n className={labelClassName}\n onMouseDown={this.handleWrapperMouseDown}\n onMouseUp={this.handleWrapperMouseUp}\n >\n <TextWidthHelper\n ref={this.textHelperRef}\n classHelp={cx(styles.helperText(theme), {\n [styles.helperTextEditing(theme)]: this.isEditingMode,\n })}\n text={inputValue}\n theme={this.theme}\n />\n {this.renderTokensStart()}\n <textarea\n ref={this.inputRef}\n value={inputValue}\n style={inputInlineStyles}\n spellCheck={false}\n disabled={disabled}\n className={inputClassName}\n placeholder={selectedItems.length > 0 ? undefined : placeholder}\n onFocus={this.handleInputFocus}\n onBlur={this.handleInputBlur}\n onChange={this.handleChangeInputValue}\n onKeyDown={this.handleKeyDown}\n onPaste={this.handleInputPaste}\n inputMode={inputMode}\n />\n {showMenu && (\n <TokenInputMenu\n ref={this.tokensInputMenuRef}\n items={autocompleteItems}\n loading={loading}\n opened={showMenu}\n maxMenuHeight={maxMenuHeight}\n anchorElement={menuAlign === 'cursor' ? this.input! : this.wrapper!}\n renderNotFound={renderNotFound}\n renderItem={renderItem}\n onValueChange={this.selectItem}\n renderAddButton={this.renderAddButton}\n menuWidth={menuWidth}\n menuAlign={menuAlign}\n renderTotalCount={renderTotalCount}\n totalCount={totalCount}\n />\n )}\n {this.renderTokensEnd()}\n {this.isEditingMode ? <span className={styles.reservedInput(theme)}>{reservedInputValue}</span> : null}\n </label>\n </div>\n </CommonWrapper>\n );\n }\n\n /**\n * Сбрасывает введенное пользователем значение\n * @public\n */\n public reset() {\n this.dispatch({ type: 'RESET' });\n }\n\n private hasValueInItems = (items: T[], value: T) => {\n if (typeof value === 'string') {\n return items.includes(value);\n }\n // todo: как то не очень\n return items.some((item) => isEqual(item, value));\n };\n\n private get showAddItemHint() {\n const items = this.state.autocompleteItems;\n const value = this.getProps().valueToItem(this.state.inputValue);\n\n if (items && this.hasValueInItems(items, value)) {\n return false;\n }\n\n const selectedItems = this.getProps().selectedItems;\n if (selectedItems && this.hasValueInItems(selectedItems, value)) {\n return false;\n }\n\n if (this.type === TokenInputType.Combined && this.state.inputValue !== '') {\n return true;\n }\n }\n\n private get type() {\n return this.props.type ? this.props.type : TokenInputType.WithReference;\n }\n\n private get menuRef(): Menu | null {\n return this.tokensInputMenu && this.tokensInputMenu.getMenuRef();\n }\n\n private get isCursorVisible() {\n return this.isCursorVisibleForState(this.state);\n }\n\n private get isEditingMode() {\n return this.state.editingTokenIndex > -1;\n }\n\n private isCursorVisibleForState(state: TokenInputState<T>) {\n return state.inFocus && (state.inputValue !== '' || state.activeTokens.length === 0);\n }\n\n private inputRef = (node: HTMLTextAreaElement) => (this.input = node);\n private tokensInputMenuRef = (node: TokenInputMenu<T>) => (this.tokensInputMenu = node);\n private textHelperRef = (node: TextWidthHelper) => (this.textHelper = node);\n private wrapperRef = (node: HTMLLabelElement) => (this.wrapper = node);\n\n private dispatch = (action: TokenInputAction, cb?: () => void) => {\n this.setState((prevState) => tokenInputReducer(prevState, action), cb);\n };\n\n private updateInputTextWidth() {\n if (this.textHelper) {\n // в IE текст иногда не помещается в input\n // из-за округления, поэтому округляем явно\n const inputValueWidth = parseFloat(this.textHelper.getTextWidth().toFixed(2));\n const inputValueHeight = parseFloat(this.textHelper.getTextHeight().toFixed(2));\n\n this.dispatch({ type: 'SET_INPUT_VALUE_WIDTH', payload: inputValueWidth }, LayoutEvents.emit);\n this.dispatch({ type: 'SET_INPUT_VALUE_HEIGHT', payload: inputValueHeight }, LayoutEvents.emit);\n }\n }\n\n private handleInputFocus = (event: FocusEvent<HTMLTextAreaElement>) => {\n this.dispatch({ type: 'SET_FOCUS_IN' });\n this.getProps().onFocus(event);\n };\n\n private handleInputBlur = (event: FocusEvent<HTMLTextAreaElement>) => {\n const isBlurToMenu = this.isBlurToMenu(event);\n\n if (!isBlurToMenu) {\n this.handleOutsideBlur();\n }\n\n if (isBlurToMenu || this.state.preventBlur) {\n event.preventDefault();\n // первый focus нужен для предотвращения/уменьшения моргания в других браузерах\n this.input?.focus();\n // в firefox не работает без второго focus\n requestAnimationFrame(() => this.input?.focus());\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\n } else {\n this.dispatch({ type: 'BLUR' });\n this.getProps().onBlur(event);\n }\n };\n\n private handleOutsideBlur = () => {\n const { inputValue, autocompleteItems } = this.state;\n\n if (inputValue === '') {\n // если стерли содержимое токена в режиме редактирования, то удаляем токен\n if (this.isEditingMode) {\n this.finishTokenEdit();\n }\n return;\n }\n\n // если не изменилось значение токена при редактировании\n if (this.isEditingMode && !this.isTokenValueChanged) {\n this.finishTokenEdit();\n return;\n }\n\n // чекаем автокомплит на совпадение с введенным значением в инпут\n if (autocompleteItems && autocompleteItems.length === 1) {\n const item = autocompleteItems[0];\n\n if (this.getProps().valueToString(item) === inputValue) {\n this.isEditingMode ? this.finishTokenEdit() : this.selectItem(item);\n\n return;\n }\n }\n\n if (this.isInputChanged) {\n this.checkForUnexpectedInput();\n }\n };\n\n private get isInputChanged() {\n if (this.isEditingMode) {\n return this.isTokenValueChanged;\n }\n\n return this.isInputValueChanged;\n }\n\n private get isInputValueChanged() {\n const { inputValue } = this.state;\n\n return inputValue !== '';\n }\n\n private get isTokenValueChanged() {\n const { inputValue, editingTokenIndex } = this.state;\n const { valueToString, selectedItems } = this.getProps();\n\n if (this.isEditingMode) {\n return valueToString(selectedItems[editingTokenIndex]) !== inputValue;\n }\n\n return false;\n }\n\n private isBlurToMenu = (event: FocusEvent<HTMLElement>) => {\n if (this.menuRef) {\n const menu = getRootNode(this.tokensInputMenu?.getMenuRef());\n const relatedTarget = (event.relatedTarget || document.activeElement) as HTMLElement;\n\n if (menu && menu.contains(relatedTarget)) {\n return true;\n }\n }\n return false;\n };\n\n private handleWrapperMouseDown = (event: React.MouseEvent<HTMLElement>) => {\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: true });\n const target = event.target as HTMLElement;\n const isClickOnToken =\n target && this.wrapper?.contains(target) && target !== this.wrapper! && target !== this.input!;\n if (!isClickOnToken) {\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n }\n };\n\n private handleWrapperMouseUp = () => {\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\n };\n\n private handleCopy = (event: any) => {\n if (!this.state.inFocus || this.state.activeTokens.length === 0 || this.isCursorVisible) {\n return;\n }\n event.preventDefault();\n const { selectedItems, valueToString, delimiters } = this.getProps();\n // упорядочивание токенов по индексу\n const tokens = this.state.activeTokens\n .map((token) => selectedItems.indexOf(token))\n .sort()\n .map((index) => selectedItems[index])\n .map((item) => valueToString(item));\n event.clipboardData.setData('text/plain', tokens.join(delimiters[0]));\n };\n\n private handleInputPaste = (event: React.ClipboardEvent<HTMLElement>) => {\n if (this.type === TokenInputType.WithReference || !event.clipboardData) {\n return;\n }\n let paste = event.clipboardData.getData('text');\n const { delimiters, selectedItems, valueToItem, onValueChange } = this.getProps();\n if (delimiters.some((delimiter) => paste.includes(delimiter))) {\n event.preventDefault();\n event.stopPropagation();\n for (const delimiter of delimiters) {\n paste = paste.split(delimiter).join(delimiters[0]);\n }\n const tokens = paste.split(delimiters[0]);\n const items = tokens\n .map((token) => valueToItem(token))\n .filter((item) => !this.hasValueInItems(selectedItems, item!));\n const newItems = selectedItems.concat(items);\n onValueChange(newItems);\n\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\n this.tryGetItems();\n }\n };\n\n private tryGetItems = async (query = '') => {\n if (this.props.getItems && (this.state.inputValue !== '' || !this.props.hideMenuIfEmptyInputValue)) {\n this.dispatch({ type: 'SET_LOADING', payload: true });\n const autocompleteItems = await this.props.getItems(query);\n this.dispatch({ type: 'SET_LOADING', payload: false });\n\n const { selectedItems, valueToItem, valueToString } = this.getProps();\n const isSelectedItem = (item: T) => this.hasValueInItems(selectedItems, item);\n const isEditingItem = (item: T) => {\n const editingItem = selectedItems[this.state.editingTokenIndex];\n return !!editingItem && isEqual(item, editingItem);\n };\n\n const autocompleteItemsUnique = autocompleteItems.filter((item) => !isSelectedItem(item) || isEditingItem(item));\n\n if (this.isEditingMode) {\n const editingItem = selectedItems[this.state.editingTokenIndex];\n if (\n isEqual(editingItem, valueToItem(this.state.inputValue)) &&\n !this.hasValueInItems(autocompleteItemsUnique, editingItem)\n ) {\n autocompleteItemsUnique.unshift(editingItem);\n }\n }\n\n if (query === '' || this.state.inputValue !== '') {\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: autocompleteItemsUnique }, () => {\n LayoutEvents.emit();\n this.highlightMenuItem();\n });\n }\n const selectItemIndex = autocompleteItemsUnique.findIndex(\n (item) => valueToString(item).toLowerCase() === this.state.inputValue.toLowerCase(),\n );\n if (this.menuRef) {\n this.menuRef.highlightItem(selectItemIndex < 0 ? 0 : selectItemIndex);\n }\n }\n };\n\n private handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n if (this.isCursorVisible) {\n this.handleInputKeyDown(event);\n } else {\n this.handleWrapperKeyDown(event);\n }\n };\n\n private handleInputKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n e.stopPropagation();\n\n if (\n (this.type !== TokenInputType.WithReference &&\n this.getProps().delimiters.some((key) => key === e.key || (key === ',' && isKeyComma(e)))) ||\n (isKeyEnter(e) && this.type === TokenInputType.WithoutReference)\n ) {\n e.preventDefault();\n const newValue = this.state.inputValue;\n if (newValue !== '') {\n if (this.isEditingMode) {\n this.finishTokenEdit();\n } else {\n this.handleAddItem();\n }\n }\n }\n\n switch (true) {\n case isKeyEnter(e):\n if (this.menuRef) {\n this.menuRef.enter(e);\n }\n // don't allow textarea\n // became multiline\n e.preventDefault();\n break;\n case isKeyArrowVertical(e):\n e.preventDefault();\n if (this.menuRef) {\n if (isKeyArrowUp(e)) {\n this.menuRef.up();\n } else {\n this.menuRef.down();\n }\n }\n break;\n case isKeyEscape(e):\n this.input?.blur();\n break;\n case isKeyBackspace(e):\n if (!this.isEditingMode) {\n this.moveFocusToLastToken();\n }\n break;\n case isKeyArrowLeft(e):\n if (this.input?.selectionStart === 0) {\n this.moveFocusToLastToken();\n }\n break;\n }\n };\n\n private moveFocusToLastToken() {\n const items = this.getProps().selectedItems;\n if (this.state.inputValue === '' && items && items.length > 0) {\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: items.slice(-1) });\n }\n }\n\n private focusInput = () => {\n requestAnimationFrame(() => this.input?.focus());\n };\n\n private selectInputText = () => {\n if (this.input) {\n this.input.setSelectionRange(0, this.state.inputValue.length);\n }\n };\n\n private handleWrapperKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n const { selectedItems, onValueChange } = this.getProps();\n switch (true) {\n case isKeyBackspace(e):\n case isKeyDelete(e): {\n if (!this.isEditingMode) {\n const itemsNew = selectedItems.filter((item) => !this.hasValueInItems(this.state.activeTokens, item));\n onValueChange(itemsNew);\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => {\n LayoutEvents.emit();\n this.input?.focus();\n });\n }\n break;\n }\n case isKeyArrowHorizontal(e):\n this.handleWrapperArrows(e);\n break;\n case isKeyEscape(e):\n this.wrapper?.blur();\n break;\n case isKeyEnter(e):\n e.preventDefault();\n if (this.state.activeTokens.length === 1) {\n this.handleTokenEdit(this.state.activeTokens[0]);\n }\n break;\n case isShortcutSelectAll(e):\n e.preventDefault();\n this.dispatch({\n type: 'SET_ACTIVE_TOKENS',\n payload: selectedItems,\n });\n break;\n }\n };\n\n private handleWrapperArrows = (e: KeyboardEvent<HTMLElement>) => {\n e.preventDefault();\n const selectedItems = this.getProps().selectedItems;\n const activeTokens = this.state.activeTokens;\n const activeItemIndex = selectedItems.indexOf(activeTokens[0]);\n const newItemIndex = activeItemIndex + (isKeyArrowLeft(e) ? -1 : +1);\n const isLeftEdge = activeItemIndex === 0 && isKeyArrowLeft(e);\n const isRightEdge = activeItemIndex === selectedItems.length - 1 && isKeyArrowRight(e);\n if (!e.shiftKey && activeTokens.length === 1) {\n this.handleWrapperArrowsWithoutShift(isLeftEdge, isRightEdge, newItemIndex);\n } else {\n this.handleWrapperArrowsWithShift(isLeftEdge, isRightEdge, newItemIndex);\n }\n };\n\n private handleWrapperArrowsWithoutShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\n if (isRightEdge) {\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => this.input?.focus());\n } else if (!isLeftEdge) {\n this.dispatch({\n type: 'SET_ACTIVE_TOKENS',\n payload: [this.getProps().selectedItems[newItemIndex]],\n });\n }\n };\n\n private handleWrapperArrowsWithShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\n if (!isLeftEdge && !isRightEdge) {\n const itemNew = this.getProps().selectedItems[newItemIndex];\n const itemsNew = [itemNew, ...this.state.activeTokens.filter((item) => !isEqual(item, itemNew))];\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: itemsNew });\n }\n };\n\n private handleValueChange = (items: T[]) => {\n this.getProps().onValueChange(items);\n };\n\n private handleAddItem = () => {\n const item = this.getProps().valueToItem(this.state.inputValue);\n if (item) {\n this.selectItem(item);\n }\n };\n\n private selectItem = (item: T) => {\n const { selectedItems, valueToString } = this.getProps();\n if (this.isEditingMode) {\n this.dispatch({ type: 'UPDATE_QUERY', payload: valueToString(item) }, this.finishTokenEdit);\n } else if (!this.hasValueInItems(selectedItems, item)) {\n this.handleValueChange(selectedItems.concat([item]));\n this.dispatch({ type: 'CLEAR_INPUT' });\n this.tryGetItems();\n }\n };\n\n private handleRemoveToken = (item: T) => {\n this.props.onValueChange?.(this.getProps().selectedItems.filter((_) => !isEqual(_, item)));\n const filteredActiveTokens = this.state.activeTokens.filter((_) => !isEqual(_, item));\n\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: filteredActiveTokens });\n if (filteredActiveTokens.length === 0) {\n this.focusInput();\n }\n\n this.tryGetItems();\n };\n\n private handleTokenClick = (event: React.MouseEvent<HTMLElement>, itemNew: T) => {\n const items = this.state.activeTokens;\n if (event.ctrlKey) {\n const newItems = this.hasValueInItems(this.state.activeTokens, itemNew)\n ? items.filter((item) => !isEqual(item, itemNew))\n : [...items, itemNew];\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: newItems });\n } else {\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [itemNew] });\n }\n this.focusInput();\n };\n\n private handleTokenEdit = (itemNew: T) => {\n const { selectedItems, valueToString } = this.getProps();\n const editingTokenIndex = selectedItems.findIndex((item) => item === itemNew);\n this.dispatch({ type: 'SET_EDITING_TOKEN_INDEX', payload: editingTokenIndex });\n\n if (this.state.inputValue !== '') {\n if (this.state.reservedInputValue === undefined) {\n this.dispatch({ type: 'SET_TEMPORARY_QUERY', payload: this.state.inputValue });\n }\n }\n this.dispatch({ type: 'UPDATE_QUERY', payload: valueToString(itemNew) }, this.selectInputText);\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n\n this.tryGetItems();\n };\n\n private finishTokenEdit = () => {\n const selectedItems = this.getProps().selectedItems;\n const { editingTokenIndex, inputValue, reservedInputValue } = this.state;\n const editedItem = this.getProps().valueToItem(inputValue);\n const newItems = selectedItems.concat([]);\n\n if (!this.hasValueInItems(selectedItems, editedItem)) {\n newItems.splice(editingTokenIndex, 1, ...(inputValue !== '' ? [editedItem] : []));\n this.handleValueChange(newItems);\n }\n\n this.dispatch({ type: 'REMOVE_EDITING_TOKEN_INDEX' });\n\n if (reservedInputValue) {\n this.dispatch({ type: 'UPDATE_QUERY', payload: reservedInputValue });\n this.dispatch({ type: 'REMOVE_TEMPORARY_QUERY' });\n } else {\n this.dispatch({ type: 'CLEAR_INPUT' });\n }\n\n if (newItems.length === selectedItems.length) {\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [newItems[editingTokenIndex]] });\n }\n };\n\n private checkForUnexpectedInput = () => {\n const { inputValue } = this.state;\n const { onUnexpectedInput } = this.props;\n\n if (onUnexpectedInput) {\n // чекаем не возвращает ли что-нибудь обработчик\n const returnedValue = onUnexpectedInput(inputValue);\n\n if (returnedValue === undefined) {\n return;\n }\n\n if (returnedValue === null) {\n this.dispatch({ type: 'CLEAR_INPUT' }, () => {\n if (this.isEditingMode) {\n this.finishTokenEdit();\n }\n });\n\n return;\n }\n\n if (returnedValue) {\n this.selectItem(returnedValue);\n }\n }\n };\n\n private handleChangeInputValue = (event: ChangeEvent<HTMLTextAreaElement>) => {\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n let query = event.target.value.trimLeft();\n\n if (query.endsWith(' ')) {\n query = query.trimRight() + ' ';\n }\n if (this.state.inputValue !== '' && query === '') {\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\n }\n this.dispatch({ type: 'UPDATE_QUERY', payload: query }, () => {\n this.tryGetItems(query);\n });\n if (this.props.onInputValueChange) {\n this.props.onInputValueChange(query);\n }\n };\n\n private highlightMenuItem = () => {\n if (\n this.menuRef &&\n this.state.autocompleteItems &&\n this.state.autocompleteItems.length > 0 &&\n this.type !== TokenInputType.Combined\n ) {\n this.menuRef.highlightItem(0);\n }\n };\n\n private renderTokensStart = () => {\n const { editingTokenIndex } = this.state;\n const selectedItems = this.getProps().selectedItems;\n const delimiter = editingTokenIndex >= 0 ? editingTokenIndex : selectedItems.length;\n return selectedItems.slice(0, delimiter).map(this.renderToken);\n };\n\n private renderTokensEnd = () => {\n if (this.state.editingTokenIndex >= 0) {\n return this.getProps()\n .selectedItems.slice(this.state.editingTokenIndex + 1)\n .map(this.renderToken);\n }\n };\n\n private renderToken = (item: T) => {\n const { renderToken = defaultRenderToken, disabled } = this.props;\n\n const isActive = this.state.activeTokens.includes(item);\n\n // TODO useCallback\n const handleIconClick: React.MouseEventHandler<HTMLElement> = (event) => {\n event.stopPropagation();\n if (!this.isEditingMode) {\n this.handleRemoveToken(item);\n }\n };\n\n // TODO useCallback\n const handleTokenClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n event.stopPropagation();\n if (!this.isEditingMode) {\n this.handleTokenClick(event, item);\n }\n };\n\n const handleTokenDoubleClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n event.stopPropagation();\n if (!this.isEditingMode) {\n this.handleTokenEdit(item);\n }\n };\n\n return renderToken(item, {\n isActive,\n onClick: handleTokenClick,\n onDoubleClick: handleTokenDoubleClick,\n onRemove: handleIconClick,\n disabled,\n });\n };\n\n private renderAddButton = (value = this.state.inputValue): React.ReactNode | undefined => {\n if (!this.showAddItemHint) {\n return;\n }\n\n if (this.props.renderAddButton) {\n return this.props.renderAddButton(value, this.handleAddItem);\n }\n\n const { addButtonComment, addButtonTitle } = this.locale;\n\n return (\n <MenuItem onClick={this.handleAddItem} comment={addButtonComment} key=\"renderAddButton\">\n {addButtonTitle} {value}\n </MenuItem>\n );\n };\n}\n"]}
1
+ {"version":3,"sources":["TokenInput.tsx"],"names":["TokenInputType","DefaultState","inputValue","reservedInputValue","undefined","autocompleteItems","activeTokens","editingTokenIndex","inFocus","loading","preventBlur","inputValueWidth","inputValueHeight","TokenInputDataTids","root","tokenInputMenu","defaultToKey","item","toString","identity","defaultRenderToken","isActive","onClick","onDoubleClick","onRemove","disabled","TokenInput","TokenInputLocaleHelper","rootNode","getProps","defaultProps","state","input","tokensInputMenu","textHelper","wrapper","memoizedTokens","Map","hasValueInItems","items","value","includes","some","inputRef","node","tokensInputMenuRef","textHelperRef","wrapperRef","dispatch","action","cb","setState","prevState","handleInputFocus","event","type","onFocus","handleInputBlur","isBlurToMenu","handleOutsideBlur","preventDefault","focus","requestAnimationFrame","payload","onBlur","isEditingMode","finishTokenEdit","isTokenValueChanged","length","valueToString","selectItem","isInputChanged","checkForUnexpectedInput","menuRef","menu","getMenuRef","relatedTarget","document","activeElement","contains","handleWrapperMouseDown","target","isClickOnToken","handleWrapperMouseUp","handleCopy","isCursorVisible","selectedItems","delimiters","tokens","map","token","indexOf","sort","index","clipboardData","setData","join","handleInputPaste","WithReference","paste","getData","valueToItem","onValueChange","delimiter","stopPropagation","split","filter","newItems","concat","tryGetItems","query","props","getItems","hideMenuIfEmptyInputValue","isSelectedItem","isEditingItem","editingItem","autocompleteItemsUnique","unshift","LayoutEvents","emit","highlightMenuItem","selectItemIndex","findIndex","toLowerCase","highlightItem","handleKeyDown","handleInputKeyDown","handleWrapperKeyDown","e","key","WithoutReference","newValue","handleAddItem","isRightmostTokenNotDisabled","isTokenDisabled","enter","up","down","blur","moveFocusToLastToken","selectionStart","getAvailableTokenIndex","itemNew","focusInput","selectInputText","setSelectionRange","indexOfActiveToken","itemsNew","handleWrapperArrows","handleTokenEdit","activeItemIndex","newItemIndex","isLeftEdge","isRightEdge","shiftKey","handleWrapperArrowsWithoutShift","handleWrapperArrowsWithShift","handleValueChange","handleRemoveToken","_","filteredActiveTokens","handleTokenClick","ctrlKey","editedItem","splice","onUnexpectedInput","returnedValue","handleChangeInputValue","trimLeft","endsWith","trimRight","onInputValueChange","Combined","renderTokensStart","slice","renderToken","renderTokensEnd","handleIconClick","handleTokenDoubleClick","renderedToken","set","renderAddButton","showAddItemHint","locale","addButtonComment","addButtonTitle","itemIndex","has","get","startIndex","isDirectionLeft","step","availableIndex","componentDidMount","updateInputTextWidth","addEventListener","autoFocus","componentDidUpdate","prevProps","clear","isCursorVisibleForState","componentWillUnmount","removeEventListener","render","theme","renderMain","Error","maxMenuHeight","error","warning","placeholder","renderNotFound","inputMode","renderTotalCount","totalCount","width","onMouseEnter","onMouseLeave","menuWidth","menuAlign","renderItem","showMenu","lineHeight","parseInt","tokenInputLineHeight","inputInlineStyles","height","Math","max","flex","caretColor","labelClassName","styles","label","labelDisabled","labelFocused","inputClassName","inputDisabled","inputEditing","setRootNode","helperText","helperTextEditing","reservedInput","reset","parseFloat","getTextWidth","toFixed","getTextHeight","isInputValueChanged","React","PureComponent","__KONTUR_REACT_UI__","renderValue","toKey","emptyHandler"],"mappings":"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","sourcesContent":["import React, { ChangeEvent, FocusEvent, FocusEventHandler, KeyboardEvent, MouseEventHandler, ReactNode } from 'react';\nimport isEqual from 'lodash.isequal';\n\nimport {\n isKeyArrowHorizontal,\n isKeyArrowLeft,\n isKeyArrowRight,\n isKeyArrowUp,\n isKeyArrowVertical,\n isKeyBackspace,\n isKeyComma,\n isKeyDelete,\n isKeyEnter,\n isKeyEscape,\n isShortcutSelectAll,\n} from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Menu } from '../../internal/Menu';\nimport { Token, TokenProps } from '../Token';\nimport { MenuItemState } from '../MenuItem';\nimport { AnyObject, emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { locale } from '../../lib/locale/decorators';\nimport { MenuItem } from '../MenuItem/MenuItem';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { TokenInputLocale, TokenInputLocaleHelper } from './locale';\nimport { styles } from './TokenInput.styles';\nimport { TokenInputAction, tokenInputReducer } from './TokenInputReducer';\nimport { TokenInputMenu } from './TokenInputMenu';\nimport { TextWidthHelper } from './TextWidthHelper';\n\nexport enum TokenInputType {\n WithReference,\n WithoutReference,\n Combined,\n}\n\nexport type TokenInputMenuAlign = 'left' | 'cursor';\n\nexport interface TokenInputProps<T> extends CommonProps {\n selectedItems?: T[];\n onValueChange?: (items: T[]) => void;\n onMouseEnter?: MouseEventHandler<HTMLDivElement>;\n onMouseLeave?: MouseEventHandler<HTMLDivElement>;\n onFocus?: FocusEventHandler<HTMLTextAreaElement>;\n onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n autoFocus?: boolean;\n type?: TokenInputType;\n /**\n * Ширина выпадающего меню может быть указана как 'auto'\n * а также в пикселях, процентах (от ширины инпута)\n * или других конкретных единицах\n *\n * Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto'\n * (по ширине текста)\n */\n menuWidth?: React.CSSProperties['width'];\n menuAlign?: TokenInputMenuAlign;\n\n /**\n * Функция поиска элементов, должна возвращать Promise с массивом элементов.\n * По умолчанию ожидаются строки.\n *\n * Элементы могут быть любого типа. В этом случае необходимо определить\n * свойства `renderItem`, `valueToString`\n */\n getItems?: (query: string) => Promise<T[]>;\n hideMenuIfEmptyInputValue?: boolean;\n renderItem?: (item: T, state: MenuItemState) => React.ReactNode | null;\n renderValue?: (item: T) => React.ReactNode;\n /**\n * Функция должна возвращать строковое представление токена\n * @default item => item\n */\n valueToString?: (item: T) => string;\n /**\n * Функция отображающая сообщение об общем количестве элементов.\n * `found` учитывает только компонент `MenuItem`. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n */\n renderTotalCount?: (found: number, total: number) => React.ReactNode;\n /**\n * Общее количество элементов.\n * Необходим для работы `renderTotalCount`\n */\n totalCount?: number;\n renderNotFound?: () => React.ReactNode;\n valueToItem?: (item: string) => T;\n toKey?: (item: T) => string | number | undefined;\n placeholder?: string;\n delimiters?: string[];\n /**\n * Состояние валидации при ошибке.\n */\n error?: boolean;\n /**\n * Состояние валидации при предупреждении.\n */\n warning?: boolean;\n disabled?: boolean;\n width?: string | number;\n maxMenuHeight?: number | string;\n renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;\n /**\n * Вызывается при изменении текста в поле ввода,\n */\n onInputValueChange?: (value: string) => void;\n /**\n * Функция отрисовки кнопки добавления в выпадающем списке\n */\n renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;\n /**\n * Функция для обработки ситуации, когда была введена\n * строка в инпут и был потерян фокус с компонента\n *\n * Функция срабатывает с аргументом инпута строки\n *\n * Если при потере фокуса в выпадающем списке будет только один\n * элемент и результат `valueToString` с этим элементом будет\n * совпадать со значение в текстовом поле, то\n * сработает `onValueChange` со значением данного элемента\n *\n * Сама функция также может вернуть значение,\n * неравное `undefined`, с которым будет вызван `onValueChange`.\n * Если возвращаемое значение будет равно `null`,\n * то сработает очистка текущего значения инпута,\n * а в режиме редактирования токен будет удален\n */\n onUnexpectedInput?: (value: string) => void | null | undefined | T;\n inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];\n}\n\nexport interface TokenInputState<T> {\n autocompleteItems?: T[];\n activeTokens: T[];\n editingTokenIndex: number;\n clickedToken?: T;\n clickedTokenTimeout?: number;\n inFocus?: boolean;\n inputValue: string;\n reservedInputValue: string | undefined;\n inputValueWidth: number;\n inputValueHeight: number;\n preventBlur?: boolean;\n loading?: boolean;\n}\n\nexport const DefaultState = {\n inputValue: '',\n reservedInputValue: undefined,\n autocompleteItems: undefined,\n activeTokens: [],\n editingTokenIndex: -1,\n inFocus: false,\n loading: false,\n preventBlur: false,\n inputValueWidth: 2,\n inputValueHeight: 22,\n};\n\nexport const TokenInputDataTids = {\n root: 'TokenInput__root',\n tokenInputMenu: 'TokenInputMenu__root',\n} as const;\n\ntype DefaultProps<T> = Required<\n Pick<\n TokenInputProps<T>,\n | 'selectedItems'\n | 'delimiters'\n | 'renderItem'\n | 'renderValue'\n | 'valueToString'\n | 'valueToItem'\n | 'toKey'\n | 'onValueChange'\n | 'width'\n | 'onBlur'\n | 'onFocus'\n | 'onMouseEnter'\n | 'onMouseLeave'\n | 'menuWidth'\n | 'menuAlign'\n >\n>;\n\nconst defaultToKey = <T extends AnyObject>(item: T): string => item.toString();\nconst identity = <T extends unknown>(item: T): T => item;\nconst defaultRenderToken = <T extends AnyObject>(\n item: T,\n { isActive, onClick, onDoubleClick, onRemove, disabled }: Partial<TokenProps>,\n) => (\n <Token\n key={item.toString()}\n isActive={isActive}\n onClick={onClick}\n onDoubleClick={onDoubleClick}\n onRemove={onRemove}\n disabled={disabled}\n >\n {item}\n </Token>\n);\n\n@rootNode\n@locale('TokenInput', TokenInputLocaleHelper)\nexport class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {\n public static __KONTUR_REACT_UI__ = 'TokenInput';\n\n public static defaultProps: DefaultProps<any> = {\n selectedItems: [],\n delimiters: [',', ' '],\n renderItem: identity,\n renderValue: identity,\n valueToString: identity,\n valueToItem: (item: string) => item,\n toKey: defaultToKey,\n onValueChange: () => void 0,\n width: 250 as string | number,\n onBlur: emptyHandler,\n onFocus: emptyHandler,\n onMouseEnter: emptyHandler,\n onMouseLeave: emptyHandler,\n menuWidth: 'auto',\n menuAlign: 'cursor',\n };\n\n private getProps = createPropsGetter(TokenInput.defaultProps);\n\n public state: TokenInputState<T> = DefaultState;\n\n private readonly locale!: TokenInputLocale;\n private theme!: Theme;\n private input: HTMLTextAreaElement | null = null;\n private tokensInputMenu: TokenInputMenu<T> | null = null;\n private textHelper: TextWidthHelper | null = null;\n private wrapper: HTMLLabelElement | null = null;\n private setRootNode!: TSetRootNode;\n private memoizedTokens = new Map();\n\n public componentDidMount() {\n this.updateInputTextWidth();\n document.addEventListener('copy', this.handleCopy);\n if (this.props.autoFocus) {\n this.focusInput();\n }\n }\n\n public componentDidUpdate(prevProps: TokenInputProps<T> & DefaultProps<T>, prevState: TokenInputState<T>) {\n if (prevState.inputValue !== this.state.inputValue) {\n this.updateInputTextWidth();\n }\n if (prevState.activeTokens.length === 0 && this.state.activeTokens.length > 0) {\n this.dispatch({\n type: 'SET_AUTOCOMPLETE_ITEMS',\n payload: undefined,\n });\n }\n if (prevProps.selectedItems.length !== this.getProps().selectedItems.length) {\n LayoutEvents.emit();\n this.memoizedTokens.clear();\n }\n if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {\n this.tryGetItems(this.isEditingMode ? '' : this.state.inputValue);\n }\n }\n\n public componentWillUnmount() {\n document.removeEventListener('copy', this.handleCopy);\n }\n\n /**\n * @public\n */\n public focus() {\n this.input?.focus();\n }\n\n /**\n * @public\n */\n public blur() {\n this.input?.blur();\n }\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 renderMain() {\n if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {\n throw Error('Missed getItems for type ' + this.type);\n }\n\n const {\n maxMenuHeight,\n error,\n warning,\n disabled,\n placeholder,\n renderNotFound,\n hideMenuIfEmptyInputValue,\n inputMode,\n renderTotalCount,\n totalCount,\n } = this.props;\n\n const { selectedItems, width, onMouseEnter, onMouseLeave, menuWidth, menuAlign, renderItem } = this.getProps();\n\n const {\n activeTokens,\n inFocus,\n inputValueWidth,\n inputValue,\n reservedInputValue,\n autocompleteItems,\n loading,\n inputValueHeight,\n } = this.state;\n\n const showMenu =\n this.type !== TokenInputType.WithoutReference &&\n this.isCursorVisible &&\n activeTokens.length === 0 &&\n (inputValue !== '' || !hideMenuIfEmptyInputValue);\n\n const theme = this.theme;\n\n const lineHeight = parseInt(theme.tokenInputLineHeight, 10) || 0;\n\n const inputInlineStyles: React.CSSProperties = {\n // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости\n width: inputValueWidth,\n height: Math.max(lineHeight, inputValueHeight),\n // input растягивается на всю ширину чтобы placeholder не обрезался\n flex: selectedItems && selectedItems.length === 0 ? 1 : undefined,\n // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее\n caretColor: this.isCursorVisible ? undefined : 'transparent',\n };\n\n const labelClassName = cx(styles.label(theme), {\n [styles.labelDisabled(theme)]: !!disabled,\n [styles.labelFocused(theme)]: !!inFocus,\n [styles.error(theme)]: !!error,\n [styles.warning(theme)]: !!warning,\n });\n const inputClassName = cx(styles.input(theme), {\n [styles.inputDisabled(theme)]: !!disabled,\n [styles.inputEditing(theme)]: this.isEditingMode,\n });\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div data-tid={TokenInputDataTids.root} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n <label\n ref={this.wrapperRef}\n style={{ width }}\n className={labelClassName}\n onMouseDown={this.handleWrapperMouseDown}\n onMouseUp={this.handleWrapperMouseUp}\n >\n <TextWidthHelper\n ref={this.textHelperRef}\n classHelp={cx(styles.helperText(theme), {\n [styles.helperTextEditing(theme)]: this.isEditingMode,\n })}\n text={inputValue}\n theme={this.theme}\n />\n {this.renderTokensStart()}\n <textarea\n ref={this.inputRef}\n value={inputValue}\n style={inputInlineStyles}\n spellCheck={false}\n disabled={disabled}\n className={inputClassName}\n placeholder={selectedItems.length > 0 ? undefined : placeholder}\n onFocus={this.handleInputFocus}\n onBlur={this.handleInputBlur}\n onChange={this.handleChangeInputValue}\n onKeyDown={this.handleKeyDown}\n onPaste={this.handleInputPaste}\n inputMode={inputMode}\n />\n {showMenu && (\n <TokenInputMenu\n ref={this.tokensInputMenuRef}\n items={autocompleteItems}\n loading={loading}\n opened={showMenu}\n maxMenuHeight={maxMenuHeight}\n anchorElement={menuAlign === 'cursor' ? this.input : this.wrapper}\n renderNotFound={renderNotFound}\n renderItem={renderItem}\n onValueChange={this.selectItem}\n renderAddButton={this.renderAddButton}\n menuWidth={menuWidth}\n menuAlign={menuAlign}\n renderTotalCount={renderTotalCount}\n totalCount={totalCount}\n />\n )}\n {this.renderTokensEnd()}\n {this.isEditingMode ? <span className={styles.reservedInput(theme)}>{reservedInputValue}</span> : null}\n </label>\n </div>\n </CommonWrapper>\n );\n }\n\n /**\n * Сбрасывает введенное пользователем значение\n * @public\n */\n public reset() {\n this.dispatch({ type: 'RESET' });\n }\n\n private hasValueInItems = (items: T[], value: T) => {\n if (typeof value === 'string') {\n return items.includes(value);\n }\n // todo: как то не очень\n return items.some((item) => isEqual(item, value));\n };\n\n private get showAddItemHint() {\n const items = this.state.autocompleteItems;\n const value = this.getProps().valueToItem(this.state.inputValue);\n\n if (items && this.hasValueInItems(items, value)) {\n return false;\n }\n\n const selectedItems = this.getProps().selectedItems;\n if (selectedItems && this.hasValueInItems(selectedItems, value)) {\n return false;\n }\n\n if (this.type === TokenInputType.Combined && this.state.inputValue !== '') {\n return true;\n }\n }\n\n private get type() {\n return this.props.type ? this.props.type : TokenInputType.WithReference;\n }\n\n private get menuRef(): Menu | null {\n return this.tokensInputMenu && this.tokensInputMenu.getMenuRef();\n }\n\n private get isCursorVisible() {\n return this.isCursorVisibleForState(this.state);\n }\n\n private get isEditingMode() {\n return this.state.editingTokenIndex > -1;\n }\n\n private isCursorVisibleForState(state: TokenInputState<T>) {\n return state.inFocus && (state.inputValue !== '' || state.activeTokens.length === 0);\n }\n\n private inputRef = (node: HTMLTextAreaElement) => (this.input = node);\n private tokensInputMenuRef = (node: TokenInputMenu<T>) => (this.tokensInputMenu = node);\n private textHelperRef = (node: TextWidthHelper) => (this.textHelper = node);\n private wrapperRef = (node: HTMLLabelElement) => (this.wrapper = node);\n\n private dispatch = (action: TokenInputAction, cb?: () => void) => {\n this.setState((prevState) => tokenInputReducer(prevState, action), cb);\n };\n\n private updateInputTextWidth() {\n if (this.textHelper) {\n // в IE текст иногда не помещается в input\n // из-за округления, поэтому округляем явно\n const inputValueWidth = parseFloat(this.textHelper.getTextWidth().toFixed(2));\n const inputValueHeight = parseFloat(this.textHelper.getTextHeight().toFixed(2));\n\n this.dispatch({ type: 'SET_INPUT_VALUE_WIDTH', payload: inputValueWidth }, LayoutEvents.emit);\n this.dispatch({ type: 'SET_INPUT_VALUE_HEIGHT', payload: inputValueHeight }, LayoutEvents.emit);\n }\n }\n\n private handleInputFocus = (event: FocusEvent<HTMLTextAreaElement>) => {\n this.dispatch({ type: 'SET_FOCUS_IN' });\n this.getProps().onFocus(event);\n };\n\n private handleInputBlur = (event: FocusEvent<HTMLTextAreaElement>) => {\n const isBlurToMenu = this.isBlurToMenu(event);\n\n if (!isBlurToMenu) {\n this.handleOutsideBlur();\n }\n\n if (isBlurToMenu || this.state.preventBlur) {\n event.preventDefault();\n // первый focus нужен для предотвращения/уменьшения моргания в других браузерах\n this.input?.focus();\n // в firefox не работает без второго focus\n requestAnimationFrame(() => this.input?.focus());\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\n } else {\n this.dispatch({ type: 'BLUR' });\n this.getProps().onBlur(event);\n }\n };\n\n private handleOutsideBlur = () => {\n const { inputValue, autocompleteItems } = this.state;\n\n if (inputValue === '') {\n // если стерли содержимое токена в режиме редактирования, то удаляем токен\n if (this.isEditingMode) {\n this.finishTokenEdit();\n }\n return;\n }\n\n // если не изменилось значение токена при редактировании\n if (this.isEditingMode && !this.isTokenValueChanged) {\n this.finishTokenEdit();\n return;\n }\n\n // чекаем автокомплит на совпадение с введенным значением в инпут\n if (autocompleteItems && autocompleteItems.length === 1) {\n const item = autocompleteItems[0];\n\n if (this.getProps().valueToString(item) === inputValue) {\n this.isEditingMode ? this.finishTokenEdit() : this.selectItem(item);\n\n return;\n }\n }\n\n if (this.isInputChanged) {\n this.checkForUnexpectedInput();\n }\n };\n\n private get isInputChanged() {\n if (this.isEditingMode) {\n return this.isTokenValueChanged;\n }\n\n return this.isInputValueChanged;\n }\n\n private get isInputValueChanged() {\n const { inputValue } = this.state;\n\n return inputValue !== '';\n }\n\n private get isTokenValueChanged() {\n const { inputValue, editingTokenIndex } = this.state;\n const { valueToString, selectedItems } = this.getProps();\n\n if (this.isEditingMode) {\n return valueToString(selectedItems[editingTokenIndex]) !== inputValue;\n }\n\n return false;\n }\n\n private isBlurToMenu = (event: FocusEvent<HTMLElement>) => {\n if (this.menuRef) {\n const menu = getRootNode(this.tokensInputMenu?.getMenuRef());\n const relatedTarget = (event.relatedTarget || document.activeElement) as HTMLElement;\n\n if (menu && menu.contains(relatedTarget)) {\n return true;\n }\n }\n return false;\n };\n\n private handleWrapperMouseDown = (event: React.MouseEvent<HTMLElement>) => {\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: true });\n const target = event.target as HTMLElement;\n const isClickOnToken = target && this.wrapper?.contains(target) && target !== this.wrapper && target !== this.input;\n if (!isClickOnToken) {\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n }\n };\n\n private handleWrapperMouseUp = () => {\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\n };\n\n private handleCopy = (event: any) => {\n if (!this.state.inFocus || this.state.activeTokens.length === 0 || this.isCursorVisible) {\n return;\n }\n event.preventDefault();\n const { selectedItems, valueToString, delimiters } = this.getProps();\n // упорядочивание токенов по индексу\n const tokens = this.state.activeTokens\n .map((token) => selectedItems.indexOf(token))\n .sort()\n .map((index) => selectedItems[index])\n .map((item) => valueToString(item));\n event.clipboardData.setData('text/plain', tokens.join(delimiters[0]));\n };\n\n private handleInputPaste = (event: React.ClipboardEvent<HTMLElement>) => {\n if (this.type === TokenInputType.WithReference || !event.clipboardData) {\n return;\n }\n let paste = event.clipboardData.getData('text');\n const { delimiters, selectedItems, valueToItem, onValueChange } = this.getProps();\n if (delimiters.some((delimiter) => paste.includes(delimiter))) {\n event.preventDefault();\n event.stopPropagation();\n for (const delimiter of delimiters) {\n paste = paste.split(delimiter).join(delimiters[0]);\n }\n const tokens = paste.split(delimiters[0]);\n const items = tokens\n .map((token) => valueToItem(token))\n .filter((item) => !this.hasValueInItems(selectedItems, item));\n const newItems = selectedItems.concat(items);\n onValueChange(newItems);\n\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\n this.tryGetItems();\n }\n };\n\n private tryGetItems = async (query = '') => {\n if (this.props.getItems && (this.state.inputValue !== '' || !this.props.hideMenuIfEmptyInputValue)) {\n this.dispatch({ type: 'SET_LOADING', payload: true });\n const autocompleteItems = await this.props.getItems(query);\n this.dispatch({ type: 'SET_LOADING', payload: false });\n\n const { selectedItems, valueToItem, valueToString } = this.getProps();\n const isSelectedItem = (item: T) => this.hasValueInItems(selectedItems, item);\n const isEditingItem = (item: T) => {\n const editingItem = selectedItems[this.state.editingTokenIndex];\n return !!editingItem && isEqual(item, editingItem);\n };\n\n const autocompleteItemsUnique = autocompleteItems.filter((item) => !isSelectedItem(item) || isEditingItem(item));\n\n if (this.isEditingMode) {\n const editingItem = selectedItems[this.state.editingTokenIndex];\n if (\n isEqual(editingItem, valueToItem(this.state.inputValue)) &&\n !this.hasValueInItems(autocompleteItemsUnique, editingItem)\n ) {\n autocompleteItemsUnique.unshift(editingItem);\n }\n }\n\n if (query === '' || this.state.inputValue !== '') {\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: autocompleteItemsUnique }, () => {\n LayoutEvents.emit();\n this.highlightMenuItem();\n });\n }\n const selectItemIndex = autocompleteItemsUnique.findIndex(\n (item) => valueToString(item).toLowerCase() === this.state.inputValue.toLowerCase(),\n );\n if (this.menuRef) {\n this.menuRef.highlightItem(selectItemIndex < 0 ? 0 : selectItemIndex);\n }\n }\n };\n\n private handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n if (this.isCursorVisible) {\n this.handleInputKeyDown(event);\n } else {\n this.handleWrapperKeyDown(event);\n }\n };\n\n private handleInputKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n e.stopPropagation();\n\n if (\n (this.type !== TokenInputType.WithReference &&\n this.getProps().delimiters.some((key) => key === e.key || (key === ',' && isKeyComma(e)))) ||\n (isKeyEnter(e) && this.type === TokenInputType.WithoutReference)\n ) {\n e.preventDefault();\n const newValue = this.state.inputValue;\n if (newValue !== '') {\n if (this.isEditingMode) {\n this.finishTokenEdit();\n } else {\n this.handleAddItem();\n }\n }\n }\n const isRightmostTokenNotDisabled = !this.isTokenDisabled(this.getProps().selectedItems.length - 1);\n switch (true) {\n case isKeyEnter(e):\n if (this.menuRef) {\n this.menuRef.enter(e);\n }\n // don't allow textarea\n // became multiline\n e.preventDefault();\n break;\n case isKeyArrowVertical(e):\n e.preventDefault();\n if (this.menuRef) {\n if (isKeyArrowUp(e)) {\n this.menuRef.up();\n } else {\n this.menuRef.down();\n }\n }\n break;\n case isKeyEscape(e):\n this.input?.blur();\n break;\n case isKeyBackspace(e):\n if (!this.isEditingMode && isRightmostTokenNotDisabled) {\n this.moveFocusToLastToken();\n }\n break;\n case isKeyArrowLeft(e):\n if (this.input?.selectionStart === 0) {\n const index = this.getAvailableTokenIndex(this.getProps().selectedItems.length);\n const itemNew = this.getProps().selectedItems[index];\n if (itemNew) {\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [itemNew] });\n }\n }\n break;\n }\n };\n\n private moveFocusToLastToken() {\n const items = this.getProps().selectedItems;\n if (this.state.inputValue === '' && items && items.length > 0) {\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: items.slice(-1) });\n }\n }\n\n private focusInput = () => {\n requestAnimationFrame(() => this.input?.focus());\n };\n\n private selectInputText = () => {\n if (this.input) {\n this.input.setSelectionRange(0, this.state.inputValue.length);\n }\n };\n\n private handleWrapperKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n const { selectedItems, onValueChange } = this.getProps();\n switch (true) {\n case isKeyBackspace(e):\n case isKeyDelete(e): {\n const indexOfActiveToken = this.getProps().selectedItems.indexOf(\n this.state.activeTokens[this.state.activeTokens.length - 1],\n );\n if (!this.isEditingMode && !this.isTokenDisabled(indexOfActiveToken)) {\n const itemsNew = selectedItems.filter((item) => !this.hasValueInItems(this.state.activeTokens, item));\n onValueChange(itemsNew);\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => {\n LayoutEvents.emit();\n this.input?.focus();\n });\n }\n break;\n }\n case isKeyArrowHorizontal(e):\n this.handleWrapperArrows(e);\n break;\n case isKeyEscape(e):\n this.wrapper?.blur();\n break;\n case isKeyEnter(e):\n e.preventDefault();\n if (this.state.activeTokens.length === 1) {\n this.handleTokenEdit(this.state.activeTokens[0]);\n }\n break;\n case isShortcutSelectAll(e):\n e.preventDefault();\n this.dispatch({\n type: 'SET_ACTIVE_TOKENS',\n payload: selectedItems.filter((item) => !this.isTokenDisabled(selectedItems.indexOf(item))),\n });\n break;\n }\n };\n\n private handleWrapperArrows = (e: KeyboardEvent<HTMLElement>) => {\n e.preventDefault();\n const selectedItems = this.getProps().selectedItems;\n const activeTokens = this.state.activeTokens;\n const activeItemIndex = selectedItems.indexOf(activeTokens[0]);\n const newItemIndex = this.getAvailableTokenIndex(activeItemIndex, isKeyArrowLeft(e));\n const isLeftEdge = activeItemIndex === 0 && isKeyArrowLeft(e);\n const isRightEdge = newItemIndex === selectedItems.length && isKeyArrowRight(e);\n if (!e.shiftKey && activeTokens.length === 1) {\n this.handleWrapperArrowsWithoutShift(isLeftEdge, isRightEdge, newItemIndex);\n } else {\n this.handleWrapperArrowsWithShift(isLeftEdge, isRightEdge, newItemIndex);\n }\n };\n\n private handleWrapperArrowsWithoutShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\n if (isRightEdge) {\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => this.input?.focus());\n } else if (!isLeftEdge) {\n this.dispatch({\n type: 'SET_ACTIVE_TOKENS',\n payload: [this.getProps().selectedItems[newItemIndex]],\n });\n }\n };\n\n private handleWrapperArrowsWithShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\n if (!isLeftEdge && !isRightEdge) {\n const itemNew = this.getProps().selectedItems[newItemIndex];\n const itemsNew = [itemNew, ...this.state.activeTokens.filter((item) => !isEqual(item, itemNew))];\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: itemsNew });\n }\n };\n\n private handleValueChange = (items: T[]) => {\n this.getProps().onValueChange(items);\n };\n\n private handleAddItem = () => {\n const item = this.getProps().valueToItem(this.state.inputValue);\n if (item) {\n this.selectItem(item);\n }\n };\n\n private selectItem = (item: T) => {\n const { selectedItems, valueToString } = this.getProps();\n if (this.isEditingMode) {\n this.dispatch({ type: 'UPDATE_QUERY', payload: valueToString(item) }, this.finishTokenEdit);\n } else if (!this.hasValueInItems(selectedItems, item)) {\n this.handleValueChange(selectedItems.concat([item]));\n this.dispatch({ type: 'CLEAR_INPUT' });\n this.tryGetItems();\n }\n };\n\n private handleRemoveToken = (item: T) => {\n this.props.onValueChange?.(this.getProps().selectedItems.filter((_) => !isEqual(_, item)));\n const filteredActiveTokens = this.state.activeTokens.filter((_) => !isEqual(_, item));\n\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: filteredActiveTokens });\n if (filteredActiveTokens.length === 0) {\n this.focusInput();\n }\n\n this.tryGetItems();\n };\n\n private handleTokenClick = (event: React.MouseEvent<HTMLElement>, itemNew: T) => {\n const items = this.state.activeTokens;\n if (event.ctrlKey) {\n const newItems = this.hasValueInItems(this.state.activeTokens, itemNew)\n ? items.filter((item) => !isEqual(item, itemNew))\n : [...items, itemNew];\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: newItems });\n } else {\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [itemNew] });\n }\n this.focusInput();\n };\n\n private handleTokenEdit = (itemNew: T) => {\n const { selectedItems, valueToString } = this.getProps();\n const editingTokenIndex = selectedItems.findIndex((item) => item === itemNew);\n this.dispatch({ type: 'SET_EDITING_TOKEN_INDEX', payload: editingTokenIndex });\n\n if (this.state.inputValue !== '') {\n if (this.state.reservedInputValue === undefined) {\n this.dispatch({ type: 'SET_TEMPORARY_QUERY', payload: this.state.inputValue });\n }\n }\n this.dispatch({ type: 'UPDATE_QUERY', payload: valueToString(itemNew) }, this.selectInputText);\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n\n this.tryGetItems();\n };\n\n private finishTokenEdit = () => {\n const selectedItems = this.getProps().selectedItems;\n const { editingTokenIndex, inputValue, reservedInputValue } = this.state;\n const editedItem = this.getProps().valueToItem(inputValue);\n const newItems = selectedItems.concat([]);\n\n if (!this.hasValueInItems(selectedItems, editedItem)) {\n newItems.splice(editingTokenIndex, 1, ...(inputValue !== '' ? [editedItem] : []));\n this.handleValueChange(newItems);\n }\n\n this.dispatch({ type: 'REMOVE_EDITING_TOKEN_INDEX' });\n\n if (reservedInputValue) {\n this.dispatch({ type: 'UPDATE_QUERY', payload: reservedInputValue });\n this.dispatch({ type: 'REMOVE_TEMPORARY_QUERY' });\n } else {\n this.dispatch({ type: 'CLEAR_INPUT' });\n }\n\n if (newItems.length === selectedItems.length) {\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [newItems[editingTokenIndex]] });\n }\n };\n\n private checkForUnexpectedInput = () => {\n const { inputValue } = this.state;\n const { onUnexpectedInput } = this.props;\n\n if (onUnexpectedInput) {\n // чекаем не возвращает ли что-нибудь обработчик\n const returnedValue = onUnexpectedInput(inputValue);\n\n if (returnedValue === undefined) {\n return;\n }\n\n if (returnedValue === null) {\n this.dispatch({ type: 'CLEAR_INPUT' }, () => {\n if (this.isEditingMode) {\n this.finishTokenEdit();\n }\n });\n\n return;\n }\n\n if (returnedValue) {\n this.selectItem(returnedValue);\n }\n }\n };\n\n private handleChangeInputValue = (event: ChangeEvent<HTMLTextAreaElement>) => {\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\n let query = event.target.value.trimLeft();\n\n if (query.endsWith(' ')) {\n query = query.trimRight() + ' ';\n }\n if (this.state.inputValue !== '' && query === '') {\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\n }\n this.dispatch({ type: 'UPDATE_QUERY', payload: query }, () => {\n this.tryGetItems(query);\n });\n if (this.props.onInputValueChange) {\n this.props.onInputValueChange(query);\n }\n };\n\n private highlightMenuItem = () => {\n if (\n this.menuRef &&\n this.state.autocompleteItems &&\n this.state.autocompleteItems.length > 0 &&\n this.type !== TokenInputType.Combined\n ) {\n this.menuRef.highlightItem(0);\n }\n };\n\n private renderTokensStart = () => {\n const { editingTokenIndex } = this.state;\n const selectedItems = this.getProps().selectedItems;\n const delimiter = editingTokenIndex >= 0 ? editingTokenIndex : selectedItems.length;\n return selectedItems.slice(0, delimiter).map(this.renderToken);\n };\n\n private renderTokensEnd = () => {\n if (this.state.editingTokenIndex >= 0) {\n return this.getProps()\n .selectedItems.slice(this.state.editingTokenIndex + 1)\n .map(this.renderToken);\n }\n };\n\n private renderToken = (item: T) => {\n const { renderToken = defaultRenderToken, disabled } = this.props;\n\n const isActive = this.state.activeTokens.includes(item);\n\n // TODO useCallback\n const handleIconClick: React.MouseEventHandler<HTMLElement> = (event) => {\n event.stopPropagation();\n if (!this.isEditingMode) {\n this.handleRemoveToken(item);\n }\n };\n\n // TODO useCallback\n const handleTokenClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n event.stopPropagation();\n if (!this.isEditingMode) {\n this.handleTokenClick(event, item);\n }\n };\n\n const handleTokenDoubleClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n event.stopPropagation();\n if (!this.isEditingMode && !disabled) {\n this.handleTokenEdit(item);\n }\n };\n\n const renderedToken = renderToken(item as T & AnyObject, {\n isActive,\n onClick: handleTokenClick,\n onDoubleClick: handleTokenDoubleClick,\n onRemove: handleIconClick,\n disabled,\n });\n\n this.memoizedTokens.set(this.props.selectedItems?.indexOf(item), renderedToken);\n return renderedToken;\n };\n\n private renderAddButton = (value = this.state.inputValue): React.ReactNode | undefined => {\n if (!this.showAddItemHint) {\n return;\n }\n\n if (this.props.renderAddButton) {\n return this.props.renderAddButton(value, this.handleAddItem);\n }\n\n const { addButtonComment, addButtonTitle } = this.locale;\n\n return (\n <MenuItem onClick={this.handleAddItem} comment={addButtonComment} key=\"renderAddButton\">\n {addButtonTitle} {value}\n </MenuItem>\n );\n };\n\n private isTokenDisabled = (itemIndex: number) => {\n let renderedToken;\n if (this.memoizedTokens.has(itemIndex)) {\n renderedToken = this.memoizedTokens.get(itemIndex);\n } else if (itemIndex < 0 || itemIndex > this.getProps().selectedItems.length - 1) {\n return false;\n } else {\n renderedToken = this.renderToken(this.getProps().selectedItems[itemIndex]) as React.ReactElement<\n TokenInputProps<unknown>\n >;\n }\n return renderedToken.props.disabled;\n };\n\n private getAvailableTokenIndex = (startIndex: number, isDirectionLeft = true) => {\n const { selectedItems } = this.getProps();\n const step = isDirectionLeft ? -1 : +1;\n let availableIndex = startIndex + step;\n\n while (this.isTokenDisabled(availableIndex)) {\n availableIndex += step;\n if (availableIndex === selectedItems.length) {\n return availableIndex;\n } else if (availableIndex === -1) {\n return startIndex;\n }\n }\n\n return availableIndex;\n };\n}\n"]}
@@ -59,6 +59,32 @@ const tokenColors = {
59
59
  </div>;
60
60
  ```
61
61
 
62
+ Заблокированный TokenInput с кастомными Token:
63
+
64
+ ```jsx harmony
65
+ import { Token } from '@skbkontur/react-ui';
66
+ import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
67
+
68
+ const [selectedItems, setSelectedItems] = React.useState(['aaa', 'bbb', 'ccc']);
69
+
70
+ async function getItems(query) {
71
+ return ['aaa', 'bbb', 'ccc'].filter((s) => s.includes(query));
72
+ };
73
+
74
+ <TokenInput
75
+ disabled
76
+ type={TokenInputType.Combined}
77
+ getItems={getItems}
78
+ selectedItems={selectedItems}
79
+ onValueChange={setSelectedItems}
80
+ renderToken={(item, tokenProps) => (
81
+ <Token key={item.toString()} {...tokenProps} disabled={item === 'bbb' || tokenProps.disabled} >
82
+ {item}
83
+ </Token>
84
+ )}
85
+ />
86
+ ```
87
+
62
88
  #### Локали по умолчанию
63
89
 
64
90
  ```typescript static
@@ -59,11 +59,12 @@ var styles = (0, _Emotion.memoizeStyle)({
59
59
  },
60
60
 
61
61
  labelDisabled: function labelDisabled(t) {
62
- return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n background: ", ";\n border-color: ", ";\n box-shadow: none;\n "])),
62
+ return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n background: ", ";\n border-color: ", ";\n box-shadow: none;\n cursor: default;\n "])),
63
63
  t.tokenInputDisabledBg,
64
64
  t.tokenInputDisabledBorderColor);
65
65
 
66
66
 
67
+
67
68
  },
68
69
 
69
70
  input: function input(t) {