@salutejs/plasma-new-hope 0.72.0-canary.1160.8617165473.0 → 0.72.0-canary.1161.8613778758.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (434) hide show
  1. package/cjs/components/Cell/Cell.js +0 -2
  2. package/cjs/components/Cell/Cell.js.map +1 -1
  3. package/cjs/components/Combobox/Combobox.css +10 -10
  4. package/cjs/components/Combobox/Combobox.styles.js +5 -5
  5. package/cjs/components/Combobox/Combobox.styles.js.map +1 -1
  6. package/cjs/components/Combobox/{Combobox.styles_17ei5vn.css → Combobox.styles_dw6hnk.css} +1 -1
  7. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  8. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  9. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  10. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  11. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  12. package/cjs/components/Dropdown/Dropdown.css +4 -4
  13. package/cjs/components/Dropdown/Dropdown.js +0 -1
  14. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  15. package/cjs/components/Pagination/Pagination.css +4 -4
  16. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  17. package/cjs/components/Popover/Popover.css +4 -4
  18. package/cjs/components/Popover/Popover.js +33 -43
  19. package/cjs/components/Popover/Popover.js.map +1 -1
  20. package/cjs/components/Popover/Popover.styles.js +1 -1
  21. package/cjs/components/Popover/Popover.styles.js.map +1 -1
  22. package/{es/components/Popover/Popover.styles_1rk9t6z.css → cjs/components/Popover/Popover.styles_1ggb66y.css} +1 -1
  23. package/cjs/components/Select/Select.css +4 -4
  24. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
  25. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +40 -0
  26. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
  27. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +12 -0
  28. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
  29. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
  30. package/cjs/components/{TextField/variations/_view → Select/ui/SelectDivider/variations/_size}/base.js +2 -2
  31. package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
  32. package/cjs/components/{TextField/variations/_read-only → Select/ui/SelectDivider/variations/_view}/base.js +2 -2
  33. package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
  34. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
  35. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +40 -0
  36. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
  37. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +12 -0
  38. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
  39. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
  40. package/cjs/components/{TextField → Select/ui/SelectFooter}/variations/_size/base.js +2 -2
  41. package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
  42. package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
  43. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +9 -0
  44. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
  45. package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
  46. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
  47. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +40 -0
  48. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
  49. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +12 -0
  50. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
  51. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
  52. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +9 -0
  53. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
  54. package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
  55. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +9 -0
  56. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
  57. package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
  58. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
  59. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +40 -0
  60. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
  61. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +12 -0
  62. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
  63. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
  64. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +9 -0
  65. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
  66. package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
  67. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +9 -0
  68. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
  69. package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
  70. package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
  71. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  72. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  73. package/cjs/components/TextField/TextField.js +40 -166
  74. package/cjs/components/TextField/TextField.js.map +1 -1
  75. package/cjs/components/TextField/TextField.styles.js +11 -27
  76. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  77. package/cjs/components/TextField/TextField.styles_2qw1n8.css +5 -0
  78. package/cjs/components/TextField/TextField.tokens.js +20 -68
  79. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  80. package/cjs/components/TextField/TextField_1lzb2r1.css +1 -0
  81. package/cjs/components/TextField/{variations/_disabled → _disabled}/base.js +2 -2
  82. package/cjs/components/TextField/_disabled/base.js.map +1 -0
  83. package/cjs/components/TextField/_disabled/base_so3w81.css +1 -0
  84. package/cjs/components/TextField/{variations/_label-placement → _label-placement}/base.js +1 -1
  85. package/cjs/components/TextField/_label-placement/base.js.map +1 -0
  86. package/cjs/components/TextField/_label-placement/base_x642ct.css +1 -0
  87. package/cjs/components/TextField/{variations/_label-placement → _label-placement}/inner.js +2 -2
  88. package/cjs/components/TextField/_label-placement/inner.js.map +1 -0
  89. package/cjs/components/TextField/_label-placement/inner_1tyuicp.css +1 -0
  90. package/cjs/components/TextField/{variations/_label-placement → _label-placement}/outer.js +2 -2
  91. package/cjs/components/TextField/_label-placement/outer.js.map +1 -0
  92. package/cjs/components/TextField/_label-placement/outer_19ekaek.css +1 -0
  93. package/cjs/components/TextField/_size/base.js +9 -0
  94. package/cjs/components/TextField/_size/base.js.map +1 -0
  95. package/cjs/components/TextField/_size/base_b5smyu.css +1 -0
  96. package/cjs/components/TextField/_view/base.js +9 -0
  97. package/cjs/components/TextField/_view/base.js.map +1 -0
  98. package/cjs/components/TextField/_view/base_5bqzed.css +1 -0
  99. package/cjs/index.css +42 -49
  100. package/cjs/index.js +41 -6
  101. package/cjs/index.js.map +1 -1
  102. package/cjs/utils/index.js +13 -1
  103. package/cjs/utils/index.js.map +1 -1
  104. package/cjs/utils/react.js +12 -2
  105. package/cjs/utils/react.js.map +1 -1
  106. package/es/components/Cell/Cell.js +0 -2
  107. package/es/components/Cell/Cell.js.map +1 -1
  108. package/es/components/Combobox/Combobox.css +10 -10
  109. package/es/components/Combobox/Combobox.styles.js +5 -5
  110. package/es/components/Combobox/Combobox.styles.js.map +1 -1
  111. package/es/components/Combobox/{Combobox.styles_17ei5vn.css → Combobox.styles_dw6hnk.css} +1 -1
  112. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  113. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  114. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  115. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  116. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  117. package/es/components/Dropdown/Dropdown.css +4 -4
  118. package/es/components/Dropdown/Dropdown.js +0 -1
  119. package/es/components/Dropdown/Dropdown.js.map +1 -1
  120. package/es/components/Pagination/Pagination.css +4 -4
  121. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  122. package/es/components/Popover/Popover.css +4 -4
  123. package/es/components/Popover/Popover.js +33 -43
  124. package/es/components/Popover/Popover.js.map +1 -1
  125. package/es/components/Popover/Popover.styles.js +1 -1
  126. package/es/components/Popover/Popover.styles.js.map +1 -1
  127. package/{cjs/components/Popover/Popover.styles_1rk9t6z.css → es/components/Popover/Popover.styles_1ggb66y.css} +1 -1
  128. package/es/components/Select/Select.css +4 -4
  129. package/es/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
  130. package/es/components/Select/ui/SelectDivider/SelectDivider.js +35 -0
  131. package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
  132. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +7 -0
  133. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
  134. package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
  135. package/es/components/{TextField/variations/_view → Select/ui/SelectDivider/variations/_size}/base.js +2 -2
  136. package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
  137. package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
  138. package/es/components/Select/ui/SelectDivider/variations/_view/base.js +5 -0
  139. package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
  140. package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
  141. package/es/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
  142. package/es/components/Select/ui/SelectFooter/SelectFooter.js +35 -0
  143. package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
  144. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +7 -0
  145. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
  146. package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
  147. package/es/components/Select/ui/SelectFooter/variations/_size/base.js +5 -0
  148. package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
  149. package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
  150. package/es/components/Select/ui/SelectFooter/variations/_view/base.js +5 -0
  151. package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
  152. package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
  153. package/es/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
  154. package/es/components/Select/ui/SelectGroup/SelectGroup.js +35 -0
  155. package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
  156. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +7 -0
  157. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
  158. package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
  159. package/es/components/Select/ui/SelectGroup/variations/_size/base.js +5 -0
  160. package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
  161. package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
  162. package/es/components/Select/ui/SelectGroup/variations/_view/base.js +5 -0
  163. package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
  164. package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
  165. package/es/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
  166. package/es/components/Select/ui/SelectHeader/SelectHeader.js +35 -0
  167. package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
  168. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +7 -0
  169. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
  170. package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
  171. package/es/components/Select/ui/SelectHeader/variations/_size/base.js +5 -0
  172. package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
  173. package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
  174. package/es/components/Select/ui/SelectHeader/variations/_view/base.js +5 -0
  175. package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
  176. package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
  177. package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
  178. package/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  179. package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  180. package/es/components/TextField/TextField.js +44 -169
  181. package/es/components/TextField/TextField.js.map +1 -1
  182. package/es/components/TextField/TextField.styles.js +12 -25
  183. package/es/components/TextField/TextField.styles.js.map +1 -1
  184. package/es/components/TextField/TextField.styles_2qw1n8.css +5 -0
  185. package/es/components/TextField/TextField.tokens.js +21 -68
  186. package/es/components/TextField/TextField.tokens.js.map +1 -1
  187. package/es/components/TextField/TextField_1lzb2r1.css +1 -0
  188. package/es/components/TextField/_disabled/base.js +5 -0
  189. package/es/components/TextField/_disabled/base.js.map +1 -0
  190. package/es/components/TextField/_disabled/base_so3w81.css +1 -0
  191. package/es/components/TextField/{variations/_label-placement → _label-placement}/base.js +1 -1
  192. package/es/components/TextField/_label-placement/base.js.map +1 -0
  193. package/es/components/TextField/_label-placement/base_x642ct.css +1 -0
  194. package/es/components/TextField/_label-placement/inner.js +5 -0
  195. package/es/components/TextField/_label-placement/inner.js.map +1 -0
  196. package/es/components/TextField/_label-placement/inner_1tyuicp.css +1 -0
  197. package/es/components/TextField/_label-placement/outer.js +5 -0
  198. package/es/components/TextField/_label-placement/outer.js.map +1 -0
  199. package/es/components/TextField/_label-placement/outer_19ekaek.css +1 -0
  200. package/es/components/TextField/_size/base.js +5 -0
  201. package/es/components/TextField/_size/base.js.map +1 -0
  202. package/es/components/TextField/_size/base_b5smyu.css +1 -0
  203. package/es/components/TextField/_view/base.js +5 -0
  204. package/es/components/TextField/_view/base.js.map +1 -0
  205. package/es/components/TextField/_view/base_5bqzed.css +1 -0
  206. package/es/index.css +42 -49
  207. package/es/index.js +15 -2
  208. package/es/index.js.map +1 -1
  209. package/es/utils/index.js +11 -2
  210. package/es/utils/index.js.map +1 -1
  211. package/es/utils/react.js +9 -2
  212. package/es/utils/react.js.map +1 -1
  213. package/package.json +2 -2
  214. package/styled-components/cjs/components/Cell/Cell.js +0 -2
  215. package/styled-components/cjs/components/Combobox/Combobox.styles.js +1 -1
  216. package/styled-components/cjs/components/Dropdown/Dropdown.js +0 -1
  217. package/styled-components/cjs/components/Popover/Popover.js +33 -43
  218. package/styled-components/cjs/components/Popover/Popover.styles.js +1 -1
  219. package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  220. package/styled-components/cjs/components/TextField/TextField.js +43 -173
  221. package/styled-components/cjs/components/TextField/TextField.styles.js +10 -18
  222. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +0 -24
  223. package/styled-components/cjs/components/TextField/TextField.tokens.js +21 -68
  224. package/styled-components/cjs/components/TextField/_disabled/base.js +9 -0
  225. package/styled-components/cjs/components/TextField/_label-placement/inner.js +10 -0
  226. package/styled-components/cjs/components/TextField/{variations/_label-placement → _label-placement}/outer.js +3 -3
  227. package/styled-components/cjs/components/TextField/_size/base.js +10 -0
  228. package/styled-components/cjs/components/TextField/_view/base.js +10 -0
  229. package/styled-components/cjs/components/TextField/index.js +2 -2
  230. package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
  231. package/styled-components/cjs/index.js +22 -0
  232. package/styled-components/es/components/Cell/Cell.js +0 -2
  233. package/styled-components/es/components/Combobox/Combobox.styles.js +1 -1
  234. package/styled-components/es/components/Dropdown/Dropdown.js +0 -1
  235. package/styled-components/es/components/Popover/Popover.js +33 -43
  236. package/styled-components/es/components/Popover/Popover.styles.js +1 -1
  237. package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  238. package/styled-components/es/components/TextField/TextField.js +47 -177
  239. package/styled-components/es/components/TextField/TextField.styles.js +9 -17
  240. package/styled-components/es/components/TextField/TextField.template-doc.mdx +0 -24
  241. package/styled-components/es/components/TextField/TextField.tokens.js +20 -67
  242. package/styled-components/es/components/TextField/_disabled/base.js +3 -0
  243. package/styled-components/es/components/TextField/_label-placement/inner.js +4 -0
  244. package/styled-components/es/components/TextField/_label-placement/outer.js +4 -0
  245. package/styled-components/es/components/TextField/_size/base.js +4 -0
  246. package/styled-components/es/components/TextField/_view/base.js +4 -0
  247. package/styled-components/es/components/TextField/index.js +2 -2
  248. package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
  249. package/styled-components/es/index.js +2 -0
  250. package/types/components/Cell/Cell.d.ts.map +1 -1
  251. package/types/components/Combobox/Combobox.styles.d.ts +2 -8
  252. package/types/components/Combobox/Combobox.styles.d.ts.map +1 -1
  253. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  254. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -7
  255. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  256. package/types/components/Popover/Popover.d.ts +2 -2
  257. package/types/components/Popover/Popover.d.ts.map +1 -1
  258. package/types/components/Popover/Popover.styles.d.ts.map +1 -1
  259. package/types/components/Popover/Popover.types.d.ts +12 -19
  260. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  261. package/types/components/Select/Select.styles.d.ts +2 -8
  262. package/types/components/Select/Select.styles.d.ts.map +1 -1
  263. package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +1 -1
  264. package/types/components/TextField/TextField.d.ts +3 -8
  265. package/types/components/TextField/TextField.d.ts.map +1 -1
  266. package/types/components/TextField/TextField.styles.d.ts +3 -6
  267. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  268. package/types/components/TextField/TextField.tokens.d.ts +8 -57
  269. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  270. package/types/components/TextField/TextField.types.d.ts +6 -71
  271. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  272. package/types/components/TextField/_disabled/base.d.ts.map +1 -0
  273. package/types/components/TextField/_label-placement/base.d.ts.map +1 -0
  274. package/types/components/TextField/_label-placement/index.d.ts.map +1 -0
  275. package/types/components/TextField/_label-placement/inner.d.ts.map +1 -0
  276. package/types/components/TextField/_label-placement/outer.d.ts.map +1 -0
  277. package/types/components/TextField/_size/base.d.ts.map +1 -0
  278. package/types/components/TextField/_view/base.d.ts.map +1 -0
  279. package/types/components/TextField/index.d.ts +2 -3
  280. package/types/components/TextField/index.d.ts.map +1 -1
  281. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts +1 -7
  282. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts.map +1 -1
  283. package/types/examples/plasma_web/components/Popover/Popover.d.ts +1 -7
  284. package/types/examples/plasma_web/components/Popover/Popover.d.ts.map +1 -1
  285. package/types/examples/sds_engineer/components/Popover/Popover.d.ts +1 -7
  286. package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -1
  287. package/types/index.d.ts +2 -0
  288. package/types/index.d.ts.map +1 -1
  289. package/cjs/components/TextField/TextField.styles_1b1mddp.css +0 -8
  290. package/cjs/components/TextField/TextField_wctd2m.css +0 -1
  291. package/cjs/components/TextField/hooks/useKeyNavigation.js +0 -132
  292. package/cjs/components/TextField/hooks/useKeyNavigation.js.map +0 -1
  293. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +0 -19
  294. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -38
  295. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +0 -1
  296. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -26
  297. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +0 -1
  298. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +0 -1
  299. package/cjs/components/TextField/variations/_disabled/base.js.map +0 -1
  300. package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  301. package/cjs/components/TextField/variations/_label-placement/base.js.map +0 -1
  302. package/cjs/components/TextField/variations/_label-placement/inner.js.map +0 -1
  303. package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
  304. package/cjs/components/TextField/variations/_label-placement/outer.js.map +0 -1
  305. package/cjs/components/TextField/variations/_label-placement/outer_is41nj.css +0 -1
  306. package/cjs/components/TextField/variations/_read-only/base.js.map +0 -1
  307. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  308. package/cjs/components/TextField/variations/_size/base.js.map +0 -1
  309. package/cjs/components/TextField/variations/_size/base_1khzr9t.css +0 -1
  310. package/cjs/components/TextField/variations/_view/base.js.map +0 -1
  311. package/cjs/components/TextField/variations/_view/base_1qd77x6.css +0 -1
  312. package/es/components/TextField/TextField.styles_1b1mddp.css +0 -8
  313. package/es/components/TextField/TextField_wctd2m.css +0 -1
  314. package/es/components/TextField/hooks/useKeyNavigation.js +0 -127
  315. package/es/components/TextField/hooks/useKeyNavigation.js.map +0 -1
  316. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +0 -19
  317. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -34
  318. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +0 -1
  319. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -22
  320. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +0 -1
  321. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +0 -1
  322. package/es/components/TextField/variations/_disabled/base.js +0 -5
  323. package/es/components/TextField/variations/_disabled/base.js.map +0 -1
  324. package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  325. package/es/components/TextField/variations/_label-placement/base.js.map +0 -1
  326. package/es/components/TextField/variations/_label-placement/inner.js +0 -5
  327. package/es/components/TextField/variations/_label-placement/inner.js.map +0 -1
  328. package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
  329. package/es/components/TextField/variations/_label-placement/outer.js +0 -5
  330. package/es/components/TextField/variations/_label-placement/outer.js.map +0 -1
  331. package/es/components/TextField/variations/_label-placement/outer_is41nj.css +0 -1
  332. package/es/components/TextField/variations/_read-only/base.js +0 -5
  333. package/es/components/TextField/variations/_read-only/base.js.map +0 -1
  334. package/es/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  335. package/es/components/TextField/variations/_size/base.js +0 -5
  336. package/es/components/TextField/variations/_size/base.js.map +0 -1
  337. package/es/components/TextField/variations/_size/base_1khzr9t.css +0 -1
  338. package/es/components/TextField/variations/_view/base.js.map +0 -1
  339. package/es/components/TextField/variations/_view/base_1qd77x6.css +0 -1
  340. package/styled-components/cjs/components/TextField/hooks/index.js +0 -12
  341. package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +0 -138
  342. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -39
  343. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -25
  344. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +0 -5
  345. package/styled-components/cjs/components/TextField/ui/index.js +0 -12
  346. package/styled-components/cjs/components/TextField/variations/_disabled/base.js +0 -10
  347. package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +0 -10
  348. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +0 -10
  349. package/styled-components/cjs/components/TextField/variations/_read-only/tokens.json +0 -1
  350. package/styled-components/cjs/components/TextField/variations/_size/base.js +0 -10
  351. package/styled-components/cjs/components/TextField/variations/_view/base.js +0 -10
  352. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +0 -43
  353. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.js +0 -11
  354. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -181
  355. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +0 -40
  356. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.js +0 -11
  357. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -181
  358. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +0 -43
  359. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +0 -11
  360. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +0 -181
  361. package/styled-components/es/components/TextField/hooks/index.js +0 -1
  362. package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +0 -132
  363. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -30
  364. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +0 -19
  365. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +0 -1
  366. package/styled-components/es/components/TextField/ui/index.js +0 -1
  367. package/styled-components/es/components/TextField/variations/_disabled/base.js +0 -4
  368. package/styled-components/es/components/TextField/variations/_label-placement/inner.js +0 -4
  369. package/styled-components/es/components/TextField/variations/_label-placement/outer.js +0 -4
  370. package/styled-components/es/components/TextField/variations/_read-only/base.js +0 -4
  371. package/styled-components/es/components/TextField/variations/_read-only/tokens.json +0 -1
  372. package/styled-components/es/components/TextField/variations/_size/base.js +0 -4
  373. package/styled-components/es/components/TextField/variations/_view/base.js +0 -4
  374. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +0 -37
  375. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.js +0 -5
  376. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -181
  377. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +0 -34
  378. package/styled-components/es/examples/plasma_web/components/TextField/TextField.js +0 -5
  379. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -181
  380. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +0 -37
  381. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +0 -5
  382. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +0 -181
  383. package/types/components/TextField/hooks/index.d.ts +0 -2
  384. package/types/components/TextField/hooks/index.d.ts.map +0 -1
  385. package/types/components/TextField/hooks/useKeyNavigation.d.ts +0 -17
  386. package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +0 -1
  387. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +0 -7
  388. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +0 -1
  389. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +0 -3
  390. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +0 -1
  391. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +0 -37
  392. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +0 -1
  393. package/types/components/TextField/ui/index.d.ts +0 -2
  394. package/types/components/TextField/ui/index.d.ts.map +0 -1
  395. package/types/components/TextField/variations/_disabled/base.d.ts.map +0 -1
  396. package/types/components/TextField/variations/_label-placement/base.d.ts.map +0 -1
  397. package/types/components/TextField/variations/_label-placement/index.d.ts.map +0 -1
  398. package/types/components/TextField/variations/_label-placement/inner.d.ts.map +0 -1
  399. package/types/components/TextField/variations/_label-placement/outer.d.ts.map +0 -1
  400. package/types/components/TextField/variations/_read-only/base.d.ts.map +0 -1
  401. package/types/components/TextField/variations/_size/base.d.ts.map +0 -1
  402. package/types/components/TextField/variations/_view/base.d.ts +0 -2
  403. package/types/components/TextField/variations/_view/base.d.ts.map +0 -1
  404. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +0 -32
  405. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +0 -1
  406. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -60
  407. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +0 -1
  408. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +0 -32
  409. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +0 -1
  410. package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -60
  411. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +0 -1
  412. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +0 -32
  413. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +0 -1
  414. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +0 -60
  415. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +0 -1
  416. /package/cjs/components/{TextField/variations/_label-placement → Select/ui/SelectDivider/variations/_size}/base_x642ct.css +0 -0
  417. /package/{es/components/TextField/variations/_label-placement → cjs/components/Select/ui/SelectDivider/variations/_view}/base_x642ct.css +0 -0
  418. /package/styled-components/cjs/components/TextField/{variations/_disabled → _disabled}/tokens.json +0 -0
  419. /package/styled-components/cjs/components/TextField/{variations/_label-placement → _label-placement}/base.js +0 -0
  420. /package/styled-components/cjs/components/TextField/{variations/_label-placement → _label-placement}/index.js +0 -0
  421. /package/styled-components/cjs/components/TextField/{variations/_size → _size}/tokens.json +0 -0
  422. /package/styled-components/cjs/components/TextField/{variations/_view → _view}/tokens.json +0 -0
  423. /package/styled-components/es/components/TextField/{variations/_disabled → _disabled}/tokens.json +0 -0
  424. /package/styled-components/es/components/TextField/{variations/_label-placement → _label-placement}/base.js +0 -0
  425. /package/styled-components/es/components/TextField/{variations/_label-placement → _label-placement}/index.js +0 -0
  426. /package/styled-components/es/components/TextField/{variations/_size → _size}/tokens.json +0 -0
  427. /package/styled-components/es/components/TextField/{variations/_view → _view}/tokens.json +0 -0
  428. /package/types/components/TextField/{variations/_disabled → _disabled}/base.d.ts +0 -0
  429. /package/types/components/TextField/{variations/_label-placement → _label-placement}/base.d.ts +0 -0
  430. /package/types/components/TextField/{variations/_label-placement → _label-placement}/index.d.ts +0 -0
  431. /package/types/components/TextField/{variations/_label-placement → _label-placement}/inner.d.ts +0 -0
  432. /package/types/components/TextField/{variations/_label-placement → _label-placement}/outer.d.ts +0 -0
  433. /package/types/components/TextField/{variations/_read-only → _size}/base.d.ts +0 -0
  434. /package/types/components/TextField/{variations/_size → _view}/base.d.ts +0 -0
@@ -1 +0,0 @@
1
- .bptx5xt .iq39zt5{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .iq39zt5:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .iq39zt5:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .io4bpie::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie::placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie{color:var(--plasma-textfield-color);}.bptx5xt .llv9av6{color:var(--plasma-textfield__left-helper-color);}
@@ -1,8 +0,0 @@
1
- .iq39zt5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
2
- .i1j28rg8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.i1j28rg8::-webkit-scrollbar{display:none;}.i1j28rg8.has-chips{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
3
- .s13zudoe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
4
- .io4bpie{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
5
-
6
- .s19ry60d{margin:var(--plasma-textfield__left-content-margin);}
7
- .sbt1ohz{margin:var(--plasma-textfield__right-content-margin);}
8
-
@@ -1 +0,0 @@
1
- .bpunezx{display:block;overflow:hidden;}
@@ -1,127 +0,0 @@
1
- import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import { useState } from 'react';
3
-
4
- var Keys = {
5
- Enter: 'Enter',
6
- Tab: 'Tab',
7
- Escape: 'Escape',
8
- ArrowLeft: 'ArrowLeft',
9
- ArrowRight: 'ArrowRight',
10
- Backspace: 'Backspace'
11
- };
12
- var useKeyNavigation = function useKeyNavigation(_ref) {
13
- var _ref$controlledRefs = _ref.controlledRefs,
14
- chipsRefs = _ref$controlledRefs.chipsRefs,
15
- contentRef = _ref$controlledRefs.contentRef,
16
- inputRef = _ref$controlledRefs.inputRef,
17
- disabled = _ref.disabled,
18
- readOnly = _ref.readOnly,
19
- chips = _ref.chips,
20
- enumerationType = _ref.enumerationType,
21
- updateChips = _ref.updateChips,
22
- onChange = _ref.onChange,
23
- onSearch = _ref.onSearch;
24
- var _useState = useState(-1),
25
- _useState2 = _slicedToArray(_useState, 2),
26
- activeChipIndex = _useState2[0],
27
- setActiveChipIndex = _useState2[1];
28
- var handleInputKeydown = function handleInputKeydown(event) {
29
- var _inputRef$current;
30
- var _ref2 = event.target,
31
- value = _ref2.value;
32
- if (disabled || readOnly) {
33
- return;
34
- }
35
- if (event.key === Keys.Enter && enumerationType === 'chip' && value) {
36
- var nextIndex = (chips === null || chips === void 0 ? void 0 : chips.length) || 0;
37
- var newChips = [].concat(_toConsumableArray(chips), [{
38
- id: "".concat(nextIndex, "_").concat(value),
39
- text: value
40
- }]);
41
- var newValues = newChips.map(function (_ref3) {
42
- var text = _ref3.text;
43
- return text;
44
- });
45
- updateChips(newChips, newValues);
46
- event.target.value = '';
47
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
48
- }
49
- if (event.key === Keys.Enter && onSearch) {
50
- onSearch(value, event);
51
- }
52
- if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.selectionStart) === 0) {
53
- var _newChips = _toConsumableArray(chips);
54
- _newChips === null || _newChips === void 0 ? void 0 : _newChips.pop();
55
- chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
56
- var _newValues = _newChips.map(function (_ref4) {
57
- var text = _ref4.text;
58
- return text;
59
- });
60
- updateChips(_newChips, _newValues);
61
- }
62
- };
63
- var onChipClear = function onChipClear(clearId, index) {
64
- if (!chips.length) {
65
- return;
66
- }
67
- var newChips = (chips === null || chips === void 0 ? void 0 : chips.filter(function (_ref5) {
68
- var chipId = _ref5.id;
69
- return chipId !== clearId;
70
- })) || [];
71
- var newValues = newChips.map(function (_ref6) {
72
- var text = _ref6.text;
73
- return text;
74
- });
75
- chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.splice(index, 1);
76
- updateChips(newChips, newValues);
77
- };
78
- var handleChipKeyDown = function handleChipKeyDown(event, chipId, chipIndex) {
79
- if (event.key === Keys.Tab) {
80
- event.preventDefault();
81
- }
82
- if (event.key === Keys.Backspace) {
83
- onChipClear(chipId, chipIndex);
84
- }
85
- };
86
- var handleContentKeyDown = function handleContentKeyDown(event) {
87
- var _inputRef$current2, _focusedItem, _focusedItem2;
88
- var chipsRefsCount = chipsRefs.current.length;
89
- var currentCaretPosition = (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.selectionStart) || 0;
90
- var newActiveChipIndex = activeChipIndex;
91
- var focusedItem = null;
92
- if (event.key === Keys.ArrowLeft && enumerationType === 'chip' && currentCaretPosition <= 0) {
93
- var _chipsRefs$current;
94
- var index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;
95
- newActiveChipIndex = document.activeElement === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? chipsRefsCount - 1 : index;
96
- focusedItem = (_chipsRefs$current = chipsRefs.current) === null || _chipsRefs$current === void 0 ? void 0 : _chipsRefs$current[newActiveChipIndex];
97
- }
98
- if (event.key === Keys.ArrowRight && enumerationType === 'chip' && document.activeElement !== (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
99
- var _chipsRefs$current2;
100
- var _index = activeChipIndex + 1 >= chipsRefsCount ? activeChipIndex : activeChipIndex + 1;
101
- newActiveChipIndex = document.activeElement === (contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) ? 0 : _index;
102
- focusedItem = _index === activeChipIndex ? inputRef === null || inputRef === void 0 ? void 0 : inputRef.current : (_chipsRefs$current2 = chipsRefs.current) === null || _chipsRefs$current2 === void 0 ? void 0 : _chipsRefs$current2[newActiveChipIndex];
103
- }
104
- if (event.key === Keys.Backspace && document.activeElement !== (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
105
- var _chipsRefs$current3;
106
- var _index2 = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;
107
- newActiveChipIndex = chipsRefsCount === 0 ? -1 : _index2;
108
- focusedItem = chipsRefsCount === 0 ? inputRef === null || inputRef === void 0 ? void 0 : inputRef.current : chipsRefs === null || chipsRefs === void 0 ? void 0 : (_chipsRefs$current3 = chipsRefs.current) === null || _chipsRefs$current3 === void 0 ? void 0 : _chipsRefs$current3[newActiveChipIndex];
109
- }
110
- (_focusedItem = focusedItem) === null || _focusedItem === void 0 ? void 0 : _focusedItem.focus();
111
- (_focusedItem2 = focusedItem) === null || _focusedItem2 === void 0 ? void 0 : _focusedItem2.scrollIntoView({
112
- behavior: 'smooth',
113
- block: 'center',
114
- inline: 'center'
115
- });
116
- setActiveChipIndex(newActiveChipIndex);
117
- };
118
- return {
119
- handleInputKeydown: handleInputKeydown,
120
- handleChipKeyDown: handleChipKeyDown,
121
- onChipClear: onChipClear,
122
- handleContentKeyDown: handleContentKeyDown
123
- };
124
- };
125
-
126
- export { Keys, useKeyNavigation };
127
- //# sourceMappingURL=useKeyNavigation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useKeyNavigation.js","sources":["../../../../src/components/TextField/hooks/useKeyNavigation.ts"],"sourcesContent":["import { useState } from 'react';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\n\nimport type { UseKeyNavigationProps } from '../TextField.types';\n\nexport const Keys = {\n Enter: 'Enter',\n Tab: 'Tab',\n Escape: 'Escape',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n Backspace: 'Backspace',\n};\n\nexport const useKeyNavigation = ({\n controlledRefs: { chipsRefs, contentRef, inputRef },\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onChange,\n onSearch,\n}: UseKeyNavigationProps) => {\n const [activeChipIndex, setActiveChipIndex] = useState(-1);\n\n const handleInputKeydown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n const { value } = event.target as HTMLInputElement;\n\n if (disabled || readOnly) {\n return;\n }\n\n if (event.key === Keys.Enter && enumerationType === 'chip' && value) {\n const nextIndex = chips?.length || 0;\n\n const newChips = [...chips, { id: `${nextIndex}_${value}`, text: value }];\n const newValues = newChips.map(({ text }) => text);\n\n updateChips(newChips, newValues);\n event.target.value = '';\n onChange?.(event);\n }\n\n if (event.key === Keys.Enter && onSearch) {\n onSearch(value, event);\n }\n\n if (event.key === Keys.Backspace && chips.length && inputRef?.current?.selectionStart === 0) {\n const newChips = [...chips];\n newChips?.pop();\n chipsRefs?.current.pop();\n\n const newValues = newChips.map(({ text }) => text);\n\n updateChips(newChips, newValues);\n }\n };\n\n const onChipClear = (clearId: string, index: number) => {\n if (!chips.length) {\n return;\n }\n\n const newChips = chips?.filter(({ id: chipId }) => chipId !== clearId) || [];\n const newValues = newChips.map(({ text }) => text);\n chipsRefs?.current.splice(index, 1);\n\n updateChips(newChips, newValues);\n };\n\n const handleChipKeyDown = (event: KeyboardEvent<HTMLButtonElement>, chipId: string, chipIndex: number) => {\n if (event.key === Keys.Tab) {\n event.preventDefault();\n }\n\n if (event.key === Keys.Backspace) {\n onChipClear(chipId, chipIndex);\n }\n };\n\n const handleContentKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n const chipsRefsCount = chipsRefs.current.length;\n const currentCaretPosition = inputRef?.current?.selectionStart || 0;\n\n let newActiveChipIndex = activeChipIndex;\n let focusedItem: HTMLButtonElement | HTMLInputElement | null = null;\n\n if (event.key === Keys.ArrowLeft && enumerationType === 'chip' && currentCaretPosition <= 0) {\n const index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;\n\n newActiveChipIndex = document.activeElement === inputRef?.current ? chipsRefsCount - 1 : index;\n\n focusedItem = chipsRefs.current?.[newActiveChipIndex];\n }\n\n if (\n event.key === Keys.ArrowRight &&\n enumerationType === 'chip' &&\n document.activeElement !== inputRef?.current\n ) {\n const index = activeChipIndex + 1 >= chipsRefsCount ? activeChipIndex : activeChipIndex + 1;\n\n newActiveChipIndex = document.activeElement === contentRef?.current ? 0 : index;\n focusedItem =\n index === activeChipIndex\n ? (inputRef?.current as HTMLInputElement)\n : chipsRefs.current?.[newActiveChipIndex];\n }\n\n if (event.key === Keys.Backspace && document.activeElement !== inputRef?.current) {\n const index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;\n\n newActiveChipIndex = chipsRefsCount === 0 ? -1 : index;\n focusedItem =\n chipsRefsCount === 0\n ? (inputRef?.current as HTMLInputElement)\n : chipsRefs?.current?.[newActiveChipIndex];\n }\n\n focusedItem?.focus();\n focusedItem?.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n\n setActiveChipIndex(newActiveChipIndex);\n };\n\n return { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } as const;\n};\n"],"names":["Keys","Enter","Tab","Escape","ArrowLeft","ArrowRight","Backspace","useKeyNavigation","_ref","_ref$controlledRefs","controlledRefs","chipsRefs","contentRef","inputRef","disabled","readOnly","chips","enumerationType","updateChips","onChange","onSearch","_useState","useState","_useState2","_slicedToArray","activeChipIndex","setActiveChipIndex","handleInputKeydown","event","_inputRef$current","_ref2","target","value","key","nextIndex","length","newChips","concat","_toConsumableArray","id","text","newValues","map","_ref3","current","selectionStart","pop","_ref4","onChipClear","clearId","index","filter","_ref5","chipId","_ref6","splice","handleChipKeyDown","chipIndex","preventDefault","handleContentKeyDown","_inputRef$current2","_focusedItem","_focusedItem2","chipsRefsCount","currentCaretPosition","newActiveChipIndex","focusedItem","_chipsRefs$current","document","activeElement","_chipsRefs$current2","_chipsRefs$current3","focus","scrollIntoView","behavior","block","inline"],"mappings":"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"}
@@ -1,19 +0,0 @@
1
- .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
-
3
- .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
4
-
5
- .base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
6
-
7
- .base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
8
-
9
- .base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
10
-
11
- .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
12
-
13
- .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
14
- .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
15
- .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
16
- .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
17
- .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
18
-
19
- .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
@@ -1,34 +0,0 @@
1
- import React, { forwardRef } from 'react';
2
- import { StyledChip } from './TextFieldChip.styles.js';
3
-
4
- /**
5
- * Чип, отображающий выбранный элемент
6
- */
7
- var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
8
- var id = _ref.id,
9
- text = _ref.text,
10
- disabled = _ref.disabled,
11
- readOnly = _ref.readOnly,
12
- onClick = _ref.onClick,
13
- onClear = _ref.onClear,
14
- onKeyDown = _ref.onKeyDown;
15
- var onClearHandle = function onClearHandle() {
16
- return onClear(id);
17
- };
18
- var onKeyDownHandle = function onKeyDownHandle(event) {
19
- onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event, id);
20
- };
21
- return /*#__PURE__*/React.createElement(StyledChip, {
22
- ref: ref,
23
- tabIndex: -1,
24
- disabled: disabled,
25
- readOnly: readOnly,
26
- onClick: onClick,
27
- onClear: onClearHandle,
28
- onKeyDown: onKeyDownHandle,
29
- text: "".concat(text)
30
- });
31
- });
32
-
33
- export { TextFieldChip };
34
- //# sourceMappingURL=TextFieldChip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextFieldChip.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { StyledChip } from './TextFieldChip.styles';\nimport type { TextFieldChipProps } from './TextFieldChip.types';\n\n/**\n * Чип, отображающий выбранный элемент\n */\nexport const TextFieldChip = forwardRef<HTMLButtonElement, TextFieldChipProps>(\n ({ id, text, disabled, readOnly, onClick, onClear, onKeyDown }, ref) => {\n const onClearHandle = () => onClear(id);\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(event, id);\n };\n\n return (\n <StyledChip\n ref={ref}\n tabIndex={-1}\n disabled={disabled}\n readOnly={readOnly}\n onClick={onClick}\n onClear={onClearHandle}\n onKeyDown={onKeyDownHandle}\n text={`${text}`}\n />\n );\n },\n);\n"],"names":["TextFieldChip","forwardRef","_ref","ref","id","text","disabled","readOnly","onClick","onClear","onKeyDown","onClearHandle","onKeyDownHandle","event","React","createElement","StyledChip","tabIndex","concat"],"mappings":";;;AAKA;AACA;AACA;AACO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAAgEC,GAAG,EAAK;AAAA,EAAA,IAArEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAEC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IAAEC,SAAS,GAAAR,IAAA,CAATQ,SAAS,CAAA;AACxD,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAA;IAAA,OAASF,OAAO,CAACL,EAAE,CAAC,CAAA;AAAA,GAAA,CAAA;AAEvC,EAAA,IAAMQ,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAA6C,EAAK;IACvEH,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAGG,KAAK,EAAET,EAAE,CAAC,CAAA;GACzB,CAAA;AAED,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACPb,IAAAA,GAAG,EAAEA,GAAI;IACTc,QAAQ,EAAE,CAAC,CAAE;AACbX,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,OAAO,EAAEE,aAAc;AACvBD,IAAAA,SAAS,EAAEE,eAAgB;IAC3BP,IAAI,EAAA,EAAA,CAAAa,MAAA,CAAKb,IAAI,CAAA;AAAG,GACnB,CAAC,CAAA;AAEV,CACJ;;;;"}
@@ -1,22 +0,0 @@
1
- import './TextFieldChip.styles_1y8n7la.css';
2
- import { styled } from '@linaria/react';
3
- import { chipConfig } from '../../../Chip/Chip.js';
4
- import '@linaria/core';
5
- import { component, mergeConfig } from '../../../../engines/common.js';
6
-
7
- // issue #823
8
- var mergedConfig = /*#__PURE__*/mergeConfig(chipConfig);
9
- var Chip = /*#__PURE__*/component(mergedConfig);
10
-
11
- // NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
12
- var _exp = function _exp() {
13
- return Chip;
14
- };
15
- var StyledChip = /*#__PURE__*/styled(_exp())({
16
- name: "StyledChip",
17
- "class": "s32p7ut",
18
- propsAsIs: true
19
- });
20
-
21
- export { StyledChip };
22
- //# sourceMappingURL=TextFieldChip.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextFieldChip.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../Chip';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../TextField.tokens';\nimport { addFocus } from '../../../../mixins';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.width}: var(${tokens.chipWidth});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n ${chipTokens.focusColor}: var(${tokens.focusColor});\n\n scroll-snap-align: center;\n scroll-snap-stop: normal;\n\n ${addFocus({\n outlineOffset: '0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &[readonly] {\n opacity: var(${tokens.chipOpacityReadonly});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2C/B;;;;"}
@@ -1 +0,0 @@
1
- .s32p7ut{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.s32p7ut::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s32p7ut.focus-visible:focus::before,.s32p7ut[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.s32p7ut[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
@@ -1,5 +0,0 @@
1
- import './base_1tnjoy9.css';
2
- var base = "b15zsg4z";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { Input } from '../../TextField.styles';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n\n ${Input} {\n cursor: not-allowed;\n min-width: unset;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAUhB;;;;"}
@@ -1 +0,0 @@
1
- .b15zsg4z[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.b15zsg4z[disabled] .io4bpie{cursor:not-allowed;min-width:unset;}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\n// TODO: REMOVE IT\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEA;AACO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +0,0 @@
1
- import './inner_gqlcj2.css';
2
- var labelPlacement_inner = "l8oinlg";
3
-
4
- export { labelPlacement_inner };
5
- //# sourceMappingURL=inner.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"inner.js","sources":["../../../../../src/components/TextField/variations/_label-placement/inner.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Input, Label } from '../../TextField.styles';\nimport { tokens } from '../../TextField.tokens';\n\nexport const labelPlacement_inner = css`\n ${Input} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n ${Input}:focus ~ ${Label}, ${Input}:not(:placeholder-shown) ~ ${Label} {\n height: auto;\n padding: var(${tokens.labelInnerPadding});\n\n font-family: var(${tokens.labelInnerFontFamily});\n font-size: var(${tokens.labelInnerFontSize});\n font-style: var(${tokens.labelInnerFontStyle});\n font-weight: var(${tokens.labelInnerFontWeight});\n letter-spacing: var(${tokens.labelInnerLetterSpacing});\n line-height: var(${tokens.labelInnerLineHeight});\n }\n\n ${Input}:not(:focus)::placeholder {\n color: transparent;\n }\n\n ${Input}:focus::placeholder {\n color: transparent;\n }\n\n ${Label} {\n color: var(${tokens.placeholderColor});\n\n pointer-events: none;\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n\n transition: padding 0.1s ease-in-out, height 0s;\n\n height: var(${tokens.height});\n\n padding-top: calc(var(${tokens.height}) / 4);\n padding-bottom: calc(var(${tokens.height}) / 4);\n }\n`;\n"],"names":["labelPlacement_inner"],"mappings":"AAKO,IAAMA,oBAAoB,GA4ChC;;;;"}
@@ -1 +0,0 @@
1
- .l8oinlg .io4bpie{padding:var(--plasma-textfield-placement_inner__content-padding);}.l8oinlg .io4bpie:focus ~ .l13qvwoy,.l8oinlg .io4bpie:not(:placeholder-shown) ~ .l13qvwoy{height:auto;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.l8oinlg .io4bpie:not(:focus)::-webkit-input-placeholder{color:transparent;}.l8oinlg .io4bpie:not(:focus)::-moz-placeholder{color:transparent;}.l8oinlg .io4bpie:not(:focus):-ms-input-placeholder{color:transparent;}.l8oinlg .io4bpie:not(:focus)::placeholder{color:transparent;}.l8oinlg .io4bpie:focus::-webkit-input-placeholder{color:transparent;}.l8oinlg .io4bpie:focus::-moz-placeholder{color:transparent;}.l8oinlg .io4bpie:focus:-ms-input-placeholder{color:transparent;}.l8oinlg .io4bpie:focus::placeholder{color:transparent;}.l8oinlg .l13qvwoy{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
@@ -1,5 +0,0 @@
1
- import './outer_is41nj.css';
2
- var labelPlacement_outer = "la46t0i";
3
-
4
- export { labelPlacement_outer };
5
- //# sourceMappingURL=outer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"outer.js","sources":["../../../../../src/components/TextField/variations/_label-placement/outer.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Label } from '../../TextField.styles';\nimport { tokens } from '../../TextField.tokens';\n\nexport const labelPlacement_outer = css`\n ${Label} {\n display: block;\n margin-bottom: var(${tokens.labelOffset});\n color: var(${tokens.labelColor});\n }\n`;\n"],"names":["labelPlacement_outer"],"mappings":"AAKO,IAAMA,oBAAoB,GAMhC;;;;"}
@@ -1 +0,0 @@
1
- .la46t0i .l13qvwoy{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}
@@ -1,5 +0,0 @@
1
- import './base_134hshp.css';
2
- var base = "b1w985rt";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { Input, InputWrapper, Label, LeftHelper } from '../../TextField.styles';\n\nexport const base = css`\n &[readonly] {\n ${InputWrapper} {\n color: var(${tokens.colorReadOnly});\n background-color: var(${String(tokens.backgroundColorReadOnly)});\n box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${String(tokens.borderColorReadOnly)});\n }\n\n ${InputWrapper}:hover {\n background-color: var(${tokens.backgroundColorReadOnly});\n }\n\n ${Input}::placeholder {\n color: var(${tokens.placeholderColorReadOnly});\n }\n\n ${Input} {\n color: var(${tokens.colorReadOnly});\n cursor: default;\n min-width: unset;\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n ${Label} {\n color: var(${tokens.labelColorReadOnly});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA8BhB;;;;"}
@@ -1 +0,0 @@
1
- .b1w985rt[readonly] .iq39zt5{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly] .iq39zt5:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.b1w985rt[readonly] .io4bpie::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .llv9av6{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly] .l13qvwoy{color:var(--plasma-textfield__label-color-readonly);}
@@ -1,5 +0,0 @@
1
- import './base_1khzr9t.css';
2
- var base = "b13ve66i";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputWrapper, Label, LeftHelper } from '../../TextField.styles';\n\nexport const base = css`\n ${Input} {\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${InputWrapper} {\n height: var(${tokens.height});\n border-radius: var(${tokens.borderRadius});\n padding: var(${tokens.padding});\n\n &.${classes.hasChips} {\n padding-top: var(${tokens.paddingWithChips});\n padding-bottom: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentLeft} {\n padding-left: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentRight} {\n padding-right: var(${tokens.paddingWithChips});\n }\n }\n\n ${Label} {\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n }\n\n ${LeftHelper} {\n margin-top: var(${tokens.leftHelperOffset});\n\n font-family: var(${tokens.leftHelperFontFamily});\n font-size: var(${tokens.leftHelperFontSize});\n font-style: var(${tokens.leftHelperFontStyle});\n font-weight: var(${tokens.leftHelperFontWeight});\n letter-spacing: var(${tokens.leftHelperLetterSpacing});\n line-height: var(${tokens.leftHelperLineHeight});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAgDhB;;;;"}
@@ -1 +0,0 @@
1
- .b13ve66i .io4bpie{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .iq39zt5{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .iq39zt5.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .l13qvwoy{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .llv9av6{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { Input, InputWrapper, LeftHelper } from '../../TextField.styles';\n\nexport const base = css`\n ${InputWrapper} {\n --plasma_private-textfield-border-color: var(${String(tokens.borderColor)});\n --plasma_private-textfield-bg-color: var(${String(tokens.backgroundColor)});\n\n color: var(${tokens.color});\n background-color: var(--plasma_private-textfield-bg-color);\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(--plasma_private-textfield-border-color);\n caret-color: var(${tokens.caretColor});\n\n transition: background-color 0.1s ease-in, color 0.1s ease-in, box-shadow 0.1s ease-in;\n }\n ${InputWrapper}:hover {\n --plasma_private-textfield-border-color: var(${tokens.borderColorHover}, var(${String(tokens.borderColor)}));\n --plasma_private-textfield-bg-color: var(\n ${tokens.backgroundColorHover},\n var(${String(tokens.backgroundColor)})\n );\n }\n ${InputWrapper}:focus-within {\n --plasma_private-textfield-border-color: var(${tokens.borderColorFocus}, var(${String(tokens.borderColor)}));\n --plasma_private-textfield-bg-color: var(\n ${tokens.backgroundColorFocus},\n var(${String(tokens.backgroundColor)})\n );\n }\n ${Input}::placeholder {\n color: var(${tokens.placeholderColor});\n }\n ${Input} {\n color: var(${tokens.color});\n }\n ${LeftHelper} {\n color: var(${tokens.leftHelperColor});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAmChB;;;;"}
@@ -1 +0,0 @@
1
- .bptx5xt .iq39zt5{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .iq39zt5:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .iq39zt5:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .io4bpie::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie::placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie{color:var(--plasma-textfield-color);}.bptx5xt .llv9av6{color:var(--plasma-textfield__left-helper-color);}
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "useKeyNavigation", {
7
- enumerable: true,
8
- get: function get() {
9
- return _useKeyNavigation.useKeyNavigation;
10
- }
11
- });
12
- var _useKeyNavigation = /*#__PURE__*/require("./useKeyNavigation");
@@ -1,138 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useKeyNavigation = exports.Keys = void 0;
7
- var _react = /*#__PURE__*/require("react");
8
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
9
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
11
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
12
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
13
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
14
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
15
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
16
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
17
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
18
- var Keys = exports.Keys = {
19
- Enter: 'Enter',
20
- Tab: 'Tab',
21
- Escape: 'Escape',
22
- ArrowLeft: 'ArrowLeft',
23
- ArrowRight: 'ArrowRight',
24
- Backspace: 'Backspace'
25
- };
26
- var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref) {
27
- var _ref$controlledRefs = _ref.controlledRefs,
28
- chipsRefs = _ref$controlledRefs.chipsRefs,
29
- contentRef = _ref$controlledRefs.contentRef,
30
- inputRef = _ref$controlledRefs.inputRef,
31
- disabled = _ref.disabled,
32
- readOnly = _ref.readOnly,
33
- chips = _ref.chips,
34
- enumerationType = _ref.enumerationType,
35
- updateChips = _ref.updateChips,
36
- onChange = _ref.onChange,
37
- onSearch = _ref.onSearch;
38
- var _useState = (0, _react.useState)(-1),
39
- _useState2 = _slicedToArray(_useState, 2),
40
- activeChipIndex = _useState2[0],
41
- setActiveChipIndex = _useState2[1];
42
- var handleInputKeydown = function handleInputKeydown(event) {
43
- var _inputRef$current;
44
- var _ref2 = event.target,
45
- value = _ref2.value;
46
- if (disabled || readOnly) {
47
- return;
48
- }
49
- if (event.key === Keys.Enter && enumerationType === 'chip' && value) {
50
- var nextIndex = (chips === null || chips === void 0 ? void 0 : chips.length) || 0;
51
- var newChips = [].concat(_toConsumableArray(chips), [{
52
- id: "".concat(nextIndex, "_").concat(value),
53
- text: value
54
- }]);
55
- var newValues = newChips.map(function (_ref3) {
56
- var text = _ref3.text;
57
- return text;
58
- });
59
- updateChips(newChips, newValues);
60
- event.target.value = '';
61
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
62
- }
63
- if (event.key === Keys.Enter && onSearch) {
64
- onSearch(value, event);
65
- }
66
- if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.selectionStart) === 0) {
67
- var _newChips = _toConsumableArray(chips);
68
- _newChips === null || _newChips === void 0 ? void 0 : _newChips.pop();
69
- chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
70
- var _newValues = _newChips.map(function (_ref4) {
71
- var text = _ref4.text;
72
- return text;
73
- });
74
- updateChips(_newChips, _newValues);
75
- }
76
- };
77
- var onChipClear = function onChipClear(clearId, index) {
78
- if (!chips.length) {
79
- return;
80
- }
81
- var newChips = (chips === null || chips === void 0 ? void 0 : chips.filter(function (_ref5) {
82
- var chipId = _ref5.id;
83
- return chipId !== clearId;
84
- })) || [];
85
- var newValues = newChips.map(function (_ref6) {
86
- var text = _ref6.text;
87
- return text;
88
- });
89
- chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.splice(index, 1);
90
- updateChips(newChips, newValues);
91
- };
92
- var handleChipKeyDown = function handleChipKeyDown(event, chipId, chipIndex) {
93
- if (event.key === Keys.Tab) {
94
- event.preventDefault();
95
- }
96
- if (event.key === Keys.Backspace) {
97
- onChipClear(chipId, chipIndex);
98
- }
99
- };
100
- var handleContentKeyDown = function handleContentKeyDown(event) {
101
- var _inputRef$current2, _focusedItem, _focusedItem2;
102
- var chipsRefsCount = chipsRefs.current.length;
103
- var currentCaretPosition = (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.selectionStart) || 0;
104
- var newActiveChipIndex = activeChipIndex;
105
- var focusedItem = null;
106
- if (event.key === Keys.ArrowLeft && enumerationType === 'chip' && currentCaretPosition <= 0) {
107
- var _chipsRefs$current;
108
- var index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;
109
- newActiveChipIndex = document.activeElement === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? chipsRefsCount - 1 : index;
110
- focusedItem = (_chipsRefs$current = chipsRefs.current) === null || _chipsRefs$current === void 0 ? void 0 : _chipsRefs$current[newActiveChipIndex];
111
- }
112
- if (event.key === Keys.ArrowRight && enumerationType === 'chip' && document.activeElement !== (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
113
- var _chipsRefs$current2;
114
- var _index = activeChipIndex + 1 >= chipsRefsCount ? activeChipIndex : activeChipIndex + 1;
115
- newActiveChipIndex = document.activeElement === (contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) ? 0 : _index;
116
- focusedItem = _index === activeChipIndex ? inputRef === null || inputRef === void 0 ? void 0 : inputRef.current : (_chipsRefs$current2 = chipsRefs.current) === null || _chipsRefs$current2 === void 0 ? void 0 : _chipsRefs$current2[newActiveChipIndex];
117
- }
118
- if (event.key === Keys.Backspace && document.activeElement !== (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
119
- var _chipsRefs$current3;
120
- var _index2 = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;
121
- newActiveChipIndex = chipsRefsCount === 0 ? -1 : _index2;
122
- focusedItem = chipsRefsCount === 0 ? inputRef === null || inputRef === void 0 ? void 0 : inputRef.current : chipsRefs === null || chipsRefs === void 0 ? void 0 : (_chipsRefs$current3 = chipsRefs.current) === null || _chipsRefs$current3 === void 0 ? void 0 : _chipsRefs$current3[newActiveChipIndex];
123
- }
124
- (_focusedItem = focusedItem) === null || _focusedItem === void 0 ? void 0 : _focusedItem.focus();
125
- (_focusedItem2 = focusedItem) === null || _focusedItem2 === void 0 ? void 0 : _focusedItem2.scrollIntoView({
126
- behavior: 'smooth',
127
- block: 'center',
128
- inline: 'center'
129
- });
130
- setActiveChipIndex(newActiveChipIndex);
131
- };
132
- return {
133
- handleInputKeydown: handleInputKeydown,
134
- handleChipKeyDown: handleChipKeyDown,
135
- onChipClear: onChipClear,
136
- handleContentKeyDown: handleContentKeyDown
137
- };
138
- };
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.TextFieldChip = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _TextFieldChip = /*#__PURE__*/require("./TextFieldChip.styles");
10
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
12
- /**
13
- * Чип, отображающий выбранный элемент
14
- */
15
- var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
16
- var id = _ref.id,
17
- text = _ref.text,
18
- disabled = _ref.disabled,
19
- readOnly = _ref.readOnly,
20
- onClick = _ref.onClick,
21
- onClear = _ref.onClear,
22
- onKeyDown = _ref.onKeyDown;
23
- var onClearHandle = function onClearHandle() {
24
- return onClear(id);
25
- };
26
- var onKeyDownHandle = function onKeyDownHandle(event) {
27
- onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event, id);
28
- };
29
- return /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
30
- ref: ref,
31
- tabIndex: -1,
32
- disabled: disabled,
33
- readOnly: readOnly,
34
- onClick: onClick,
35
- onClear: onClearHandle,
36
- onKeyDown: onKeyDownHandle,
37
- text: "".concat(text)
38
- });
39
- });