@salutejs/plasma-new-hope 0.109.1-canary.1301.10056808859.0 → 0.109.2-canary.1301.10057930683.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (289) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +60 -0
  2. package/cjs/components/Autocomplete/Autocomplete.js +189 -0
  3. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -0
  4. package/cjs/components/Autocomplete/Autocomplete.styles.js +78 -0
  5. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -0
  6. package/cjs/components/Autocomplete/Autocomplete.styles_4wbmok.css +5 -0
  7. package/cjs/components/Autocomplete/Autocomplete.tokens.js +93 -0
  8. package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -0
  9. package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +112 -0
  10. package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js.map +1 -0
  11. package/cjs/components/Autocomplete/reducers/focusedReducer.js +47 -0
  12. package/cjs/components/Autocomplete/reducers/focusedReducer.js.map +1 -0
  13. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +2 -0
  14. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +41 -0
  15. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +1 -0
  16. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +21 -0
  17. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -0
  18. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +2 -0
  19. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +23 -0
  20. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -0
  21. package/cjs/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +1 -0
  22. package/cjs/components/EmptyState/EmptyState.css +30 -0
  23. package/cjs/components/EmptyState/EmptyState.js +39 -0
  24. package/cjs/components/EmptyState/EmptyState.js.map +1 -0
  25. package/cjs/components/EmptyState/EmptyState.styles.js +41 -0
  26. package/cjs/components/EmptyState/EmptyState.styles.js.map +1 -0
  27. package/cjs/components/EmptyState/EmptyState.styles_1o24i5h.css +4 -0
  28. package/cjs/components/EmptyState/EmptyState.tokens.js +21 -0
  29. package/cjs/components/EmptyState/EmptyState.tokens.js.map +1 -0
  30. package/cjs/components/TextField/TextField.js +2 -2
  31. package/cjs/components/TextField/TextField.js.map +1 -1
  32. package/cjs/hooks/useOutsideClick.js +26 -0
  33. package/cjs/hooks/useOutsideClick.js.map +1 -0
  34. package/cjs/index.css +16 -0
  35. package/cjs/index.js +12 -0
  36. package/cjs/index.js.map +1 -1
  37. package/emotion/cjs/components/Autocomplete/Autocomplete.js +193 -0
  38. package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +43 -0
  39. package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +91 -0
  40. package/emotion/cjs/components/Autocomplete/Autocomplete.types.js +5 -0
  41. package/emotion/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +114 -0
  42. package/emotion/cjs/components/Autocomplete/index.js +25 -0
  43. package/emotion/cjs/components/Autocomplete/reducers/focusedReducer.js +46 -0
  44. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +42 -0
  45. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +25 -0
  46. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +5 -0
  47. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.js +12 -0
  48. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +17 -0
  49. package/emotion/cjs/components/Autocomplete/ui/index.js +27 -0
  50. package/emotion/cjs/components/EmptyState/EmptyState.js +39 -0
  51. package/emotion/cjs/components/EmptyState/EmptyState.styles.js +29 -0
  52. package/emotion/cjs/components/EmptyState/EmptyState.tokens.js +20 -0
  53. package/emotion/cjs/components/EmptyState/EmptyState.types.js +5 -0
  54. package/emotion/cjs/components/EmptyState/index.js +25 -0
  55. package/emotion/cjs/components/TextField/TextField.js +3 -3
  56. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +4 -4
  57. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +39 -0
  58. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +11 -0
  59. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  60. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  61. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +21 -0
  62. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +11 -0
  63. package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
  64. package/emotion/cjs/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
  65. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +5 -5
  66. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +39 -0
  67. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +11 -0
  68. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  69. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  70. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +21 -0
  71. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +11 -0
  72. package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
  73. package/emotion/cjs/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
  74. package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
  75. package/emotion/cjs/hooks/index.js +7 -0
  76. package/emotion/cjs/hooks/useOutsideClick.js +24 -0
  77. package/emotion/cjs/index.js +22 -0
  78. package/emotion/es/components/Autocomplete/Autocomplete.js +185 -0
  79. package/emotion/es/components/Autocomplete/Autocomplete.styles.js +36 -0
  80. package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +85 -0
  81. package/emotion/es/components/Autocomplete/Autocomplete.types.js +1 -0
  82. package/emotion/es/components/Autocomplete/hooks/useKeyboardNavigation.js +108 -0
  83. package/emotion/es/components/Autocomplete/index.js +2 -0
  84. package/emotion/es/components/Autocomplete/reducers/focusedReducer.js +40 -0
  85. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +33 -0
  86. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +18 -0
  87. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +1 -0
  88. package/emotion/es/components/Autocomplete/ui/TextField/TextField.js +1 -0
  89. package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +10 -0
  90. package/emotion/es/components/Autocomplete/ui/index.js +2 -0
  91. package/emotion/es/components/EmptyState/EmptyState.js +31 -0
  92. package/emotion/es/components/EmptyState/EmptyState.styles.js +22 -0
  93. package/emotion/es/components/EmptyState/EmptyState.tokens.js +14 -0
  94. package/emotion/es/components/EmptyState/EmptyState.types.js +1 -0
  95. package/emotion/es/components/EmptyState/index.js +2 -0
  96. package/emotion/es/components/TextField/TextField.js +3 -3
  97. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +4 -4
  98. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +33 -0
  99. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +5 -0
  100. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  101. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  102. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +15 -0
  103. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +5 -0
  104. package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
  105. package/emotion/es/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
  106. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +5 -5
  107. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +33 -0
  108. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +5 -0
  109. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  110. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  111. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +15 -0
  112. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.js +5 -0
  113. package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
  114. package/emotion/es/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
  115. package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
  116. package/emotion/es/hooks/index.js +1 -0
  117. package/emotion/es/hooks/useOutsideClick.js +18 -0
  118. package/emotion/es/index.js +3 -1
  119. package/es/components/Autocomplete/Autocomplete.css +60 -0
  120. package/es/components/Autocomplete/Autocomplete.js +184 -0
  121. package/es/components/Autocomplete/Autocomplete.js.map +1 -0
  122. package/es/components/Autocomplete/Autocomplete.styles.js +70 -0
  123. package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -0
  124. package/es/components/Autocomplete/Autocomplete.styles_4wbmok.css +5 -0
  125. package/es/components/Autocomplete/Autocomplete.tokens.js +88 -0
  126. package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -0
  127. package/es/components/Autocomplete/hooks/useKeyboardNavigation.js +107 -0
  128. package/es/components/Autocomplete/hooks/useKeyboardNavigation.js.map +1 -0
  129. package/es/components/Autocomplete/reducers/focusedReducer.js +43 -0
  130. package/es/components/Autocomplete/reducers/focusedReducer.js.map +1 -0
  131. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +2 -0
  132. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +37 -0
  133. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +1 -0
  134. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +16 -0
  135. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -0
  136. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +2 -0
  137. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +19 -0
  138. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -0
  139. package/es/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +1 -0
  140. package/es/components/EmptyState/EmptyState.css +30 -0
  141. package/es/components/EmptyState/EmptyState.js +34 -0
  142. package/es/components/EmptyState/EmptyState.js.map +1 -0
  143. package/es/components/EmptyState/EmptyState.styles.js +34 -0
  144. package/es/components/EmptyState/EmptyState.styles.js.map +1 -0
  145. package/es/components/EmptyState/EmptyState.styles_1o24i5h.css +4 -0
  146. package/es/components/EmptyState/EmptyState.tokens.js +17 -0
  147. package/es/components/EmptyState/EmptyState.tokens.js.map +1 -0
  148. package/es/components/TextField/TextField.js +2 -2
  149. package/es/components/TextField/TextField.js.map +1 -1
  150. package/es/hooks/useOutsideClick.js +22 -0
  151. package/es/hooks/useOutsideClick.js.map +1 -0
  152. package/es/index.css +16 -0
  153. package/es/index.js +5 -0
  154. package/es/index.js.map +1 -1
  155. package/package.json +2 -2
  156. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +193 -0
  157. package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +40 -0
  158. package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +91 -0
  159. package/styled-components/cjs/components/Autocomplete/Autocomplete.types.js +5 -0
  160. package/styled-components/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +114 -0
  161. package/styled-components/cjs/components/Autocomplete/index.js +25 -0
  162. package/styled-components/cjs/components/Autocomplete/reducers/focusedReducer.js +46 -0
  163. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +42 -0
  164. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +23 -0
  165. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +5 -0
  166. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.js +12 -0
  167. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +16 -0
  168. package/styled-components/cjs/components/Autocomplete/ui/index.js +27 -0
  169. package/styled-components/cjs/components/EmptyState/EmptyState.js +39 -0
  170. package/styled-components/cjs/components/EmptyState/EmptyState.styles.js +25 -0
  171. package/styled-components/cjs/components/EmptyState/EmptyState.tokens.js +20 -0
  172. package/styled-components/cjs/components/EmptyState/EmptyState.types.js +5 -0
  173. package/styled-components/cjs/components/EmptyState/index.js +25 -0
  174. package/styled-components/cjs/components/TextField/TextField.js +2 -2
  175. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +4 -4
  176. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +39 -0
  177. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +11 -0
  178. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  179. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
  180. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +21 -0
  181. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +11 -0
  182. package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
  183. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +5 -5
  184. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +39 -0
  185. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +11 -0
  186. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  187. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
  188. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +21 -0
  189. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +11 -0
  190. package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
  191. package/styled-components/cjs/hooks/index.js +7 -0
  192. package/styled-components/cjs/hooks/useOutsideClick.js +24 -0
  193. package/styled-components/cjs/index.js +22 -0
  194. package/styled-components/es/components/Autocomplete/Autocomplete.js +185 -0
  195. package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +32 -0
  196. package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +85 -0
  197. package/styled-components/es/components/Autocomplete/Autocomplete.types.js +1 -0
  198. package/styled-components/es/components/Autocomplete/hooks/useKeyboardNavigation.js +108 -0
  199. package/styled-components/es/components/Autocomplete/index.js +2 -0
  200. package/styled-components/es/components/Autocomplete/reducers/focusedReducer.js +40 -0
  201. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +33 -0
  202. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +16 -0
  203. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +1 -0
  204. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.js +1 -0
  205. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +9 -0
  206. package/styled-components/es/components/Autocomplete/ui/index.js +2 -0
  207. package/styled-components/es/components/EmptyState/EmptyState.js +31 -0
  208. package/styled-components/es/components/EmptyState/EmptyState.styles.js +18 -0
  209. package/styled-components/es/components/EmptyState/EmptyState.tokens.js +14 -0
  210. package/styled-components/es/components/EmptyState/EmptyState.types.js +1 -0
  211. package/styled-components/es/components/EmptyState/index.js +2 -0
  212. package/styled-components/es/components/TextField/TextField.js +2 -2
  213. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +4 -4
  214. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +33 -0
  215. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +5 -0
  216. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  217. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
  218. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +15 -0
  219. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +5 -0
  220. package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
  221. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +5 -5
  222. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +33 -0
  223. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +5 -0
  224. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
  225. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
  226. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +15 -0
  227. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.js +5 -0
  228. package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
  229. package/styled-components/es/hooks/index.js +1 -0
  230. package/styled-components/es/hooks/useOutsideClick.js +18 -0
  231. package/styled-components/es/index.js +3 -1
  232. package/types/components/Autocomplete/Autocomplete.d.ts +24 -0
  233. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -0
  234. package/types/components/Autocomplete/Autocomplete.styles.d.ts +19 -0
  235. package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -0
  236. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +84 -0
  237. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -0
  238. package/types/components/Autocomplete/Autocomplete.types.d.ts +84 -0
  239. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -0
  240. package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts +31 -0
  241. package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts.map +1 -0
  242. package/types/components/Autocomplete/index.d.ts +3 -0
  243. package/types/components/Autocomplete/index.d.ts.map +1 -0
  244. package/types/components/Autocomplete/reducers/focusedReducer.d.ts +17 -0
  245. package/types/components/Autocomplete/reducers/focusedReducer.d.ts.map +1 -0
  246. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts +4 -0
  247. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts.map +1 -0
  248. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts +4 -0
  249. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts.map +1 -0
  250. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts +8 -0
  251. package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts.map +1 -0
  252. package/types/components/Autocomplete/ui/TextField/TextField.d.ts +2 -0
  253. package/types/components/Autocomplete/ui/TextField/TextField.d.ts.map +1 -0
  254. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +41 -0
  255. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -0
  256. package/types/components/Autocomplete/ui/index.d.ts +3 -0
  257. package/types/components/Autocomplete/ui/index.d.ts.map +1 -0
  258. package/types/components/EmptyState/EmptyState.d.ts +18 -0
  259. package/types/components/EmptyState/EmptyState.d.ts.map +1 -0
  260. package/types/components/EmptyState/EmptyState.styles.d.ts +48 -0
  261. package/types/components/EmptyState/EmptyState.styles.d.ts.map +1 -0
  262. package/types/components/EmptyState/EmptyState.tokens.d.ts +15 -0
  263. package/types/components/EmptyState/EmptyState.tokens.d.ts.map +1 -0
  264. package/types/components/EmptyState/EmptyState.types.d.ts +8 -0
  265. package/types/components/EmptyState/EmptyState.types.d.ts.map +1 -0
  266. package/types/components/EmptyState/index.d.ts +3 -0
  267. package/types/components/EmptyState/index.d.ts.map +1 -0
  268. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts +32 -0
  269. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts.map +1 -0
  270. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +26 -0
  271. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -0
  272. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts +14 -0
  273. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts.map +1 -0
  274. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts +25 -0
  275. package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts.map +1 -0
  276. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts +32 -0
  277. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts.map +1 -0
  278. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +26 -0
  279. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -0
  280. package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts +14 -0
  281. package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts.map +1 -0
  282. package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts +25 -0
  283. package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts.map +1 -0
  284. package/types/hooks/index.d.ts +1 -0
  285. package/types/hooks/index.d.ts.map +1 -1
  286. package/types/hooks/useOutsideClick.d.ts +3 -0
  287. package/types/hooks/useOutsideClick.d.ts.map +1 -0
  288. package/types/index.d.ts +2 -0
  289. package/types/index.d.ts.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n overflow: hidden;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n\n // controlled\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n const labelInside = size !== 'xs' && labelPlacement === 'inner';\n const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n const innerPlaceholderValue = hideLabel ? label : placeholder;\n const innerLabelValue = hideLabel ? undefined : label;\n const hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;\n const labelPlacementClass = classes[`${labelPlacement}LabelPlacement` as keyof typeof classes];\n\n const isChipsVisible = isChipEnumeration && chips?.length;\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n onKeyDown && onKeyDown(event);\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(labelPlacementClass, hideLabelClass, className)}\n style={style}\n >\n {labelInside ||\n (innerLabelValue && (\n <Label id={labelId} htmlFor={id}>\n {innerLabelValue}\n </Label>\n ))}\n <InputWrapper className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <Input\n {...rest}\n ref={inputForkRef}\n id={innerId}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n />\n {labelInside && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n </Label>\n )}\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","_ref","ref","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerPlaceholderValue","innerLabelValue","undefined","hideLabelClass","classes","labelPlacementClass","concat","isChipsVisible","length","withHasChips","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","React","createElement","onClick","cx","Label","htmlFor","InputWrapper","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","Boolean","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","Input","_extends","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n overflow: hidden;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n\n // controlled\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n const labelInside = size !== 'xs' && labelPlacement === 'inner';\n const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n const innerPlaceholderValue = hideLabel ? label : placeholder;\n const innerLabelValue = hideLabel ? undefined : label;\n const hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;\n const labelPlacementClass = classes[`${labelPlacement}LabelPlacement` as keyof typeof classes];\n\n const isChipsVisible = isChipEnumeration && chips?.length;\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n onKeyDown && onKeyDown(event);\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(labelPlacementClass, hideLabelClass, className)}\n style={style}\n >\n {labelInside ||\n (innerLabelValue && (\n <Label id={labelId} htmlFor={id}>\n {innerLabelValue}\n </Label>\n ))}\n <InputWrapper className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <Input\n ref={inputForkRef}\n id={innerId}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n {...rest}\n />\n {labelInside && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n </Label>\n )}\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","_ref","ref","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerPlaceholderValue","innerLabelValue","undefined","hideLabelClass","classes","labelPlacementClass","concat","isChipsVisible","length","withHasChips","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","React","createElement","onClick","cx","Label","htmlFor","InputWrapper","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","Boolean","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","Input","_extends","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}
@@ -0,0 +1,26 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+
7
+ var useOutsideClick = function useOutsideClick(callback) {
8
+ var ref = React.useRef(null);
9
+ React.useEffect(function () {
10
+ var handleClickOutside = function handleClickOutside(event) {
11
+ if (ref.current && !ref.current.contains(event.target)) {
12
+ callback();
13
+ }
14
+ };
15
+ document.addEventListener('mouseup', handleClickOutside);
16
+ document.addEventListener('touchend', handleClickOutside);
17
+ return function () {
18
+ document.removeEventListener('mouseup', handleClickOutside);
19
+ document.removeEventListener('touchend', handleClickOutside);
20
+ };
21
+ }, [callback]);
22
+ return ref;
23
+ };
24
+
25
+ exports.useOutsideClick = useOutsideClick;
26
+ //# sourceMappingURL=useOutsideClick.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useOutsideClick.js","sources":["../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport const useOutsideClick = <T extends HTMLElement = HTMLElement>(callback: () => void) => {\n const ref = useRef<T | null>(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n callback();\n }\n };\n\n document.addEventListener('mouseup', handleClickOutside);\n document.addEventListener('touchend', handleClickOutside);\n\n return () => {\n document.removeEventListener('mouseup', handleClickOutside);\n document.removeEventListener('touchend', handleClickOutside);\n };\n }, [callback]);\n\n return ref;\n};\n"],"names":["useOutsideClick","callback","ref","useRef","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;;;;;IAEaA,eAAe,GAAG,SAAlBA,eAAeA,CAAyCC,QAAoB,EAAK;AAC1F,EAAA,IAAMC,GAAG,GAAGC,YAAM,CAAW,IAAI,CAAC,CAAA;AAElCC,EAAAA,eAAS,CAAC,YAAM;AACZ,IAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAA8B,EAAK;AAC3D,MAAA,IAAIJ,GAAG,CAACK,OAAO,IAAI,CAACL,GAAG,CAACK,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAc,CAAC,EAAE;AAC5DR,QAAAA,QAAQ,EAAE,CAAA;AACd,OAAA;KACH,CAAA;AAEDS,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC,CAAA;AACxDK,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,UAAU,EAAEN,kBAAkB,CAAC,CAAA;AAEzD,IAAA,OAAO,YAAM;AACTK,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC,CAAA;AAC3DK,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,UAAU,EAAEP,kBAAkB,CAAC,CAAA;KAC/D,CAAA;AACL,GAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,OAAOC,GAAG,CAAA;AACd;;;;"}
package/cjs/index.css CHANGED
@@ -618,3 +618,19 @@
618
618
 
619
619
  .RangeDatePopover_styles_1gljtdv_s1ld9lms__de8df5b3{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma-calendar-width:calc(var(--plasma-date-picker-calendar-width) * 2 + 2.063rem);}
620
620
  .RangeDatePopover_styles_1gljtdv_s1rn242y__de8df5b3{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
621
+
622
+ .TextField_styles_sx1sq7_sxqyqmu__88214dad{--plasma-textfield-color:var(--plasma-autocomplete-textfield-color);--plasma-textfield-bg-color:var(--plasma-autocomplete-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-autocomplete-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-autocomplete-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-autocomplete-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-autocomplete-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-autocomplete-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-autocomplete-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-autocomplete-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-autocomplete-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-autocomplete-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-autocomplete-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-autocomplete-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-autocomplete-textfield-height);--plasma-textfield-border-width:var(--plasma-autocomplete-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-autocomplete-textfield-border-radius);--plasma-textfield-padding:var(--plasma-autocomplete-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-autocomplete-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-autocomplete-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-autocomplete-textfield-font-family);--plasma-textfield-font-style:var(--plasma-autocomplete-textfield-font-style);--plasma-textfield-font-size:var(--plasma-autocomplete-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-autocomplete-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-autocomplete-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-autocomplete-textfield-line-height);--plasma-textfield__label-color:var(--plasma-autocomplete-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-autocomplete-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-autocomplete-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-autocomplete-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-autocomplete-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-autocomplete-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-autocomplete-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-autocomplete-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-autocomplete-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-autocomplete-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-autocomplete-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-autocomplete-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-autocomplete-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-autocomplete-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-autocomplete-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-autocomplete-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-autocomplete-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-autocomplete-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-autocomplete-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-autocomplete-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-autocomplete-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-autocomplete-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-autocomplete-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-autocomplete-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-autocomplete-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-autocomplete-textfield-focus-color);}
623
+
624
+ .SuggestionItem_styles_lpdinw_s1siyv9w__5ad0f45d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
625
+ .SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d{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;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:focus{outline:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d.SuggestionItem_styles_lpdinw_suggestionItemIsFocused__5ad0f45d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}
626
+
627
+ .Autocomplete_styles_4wbmok_bn6ooh7__a45bf543 .Autocomplete_styles_4wbmok_popoverWrapper__a45bf543,.Autocomplete_styles_4wbmok_bn6ooh7__a45bf543 .Autocomplete_styles_4wbmok_popoverTarget__a45bf543{display:block;}
628
+ .Autocomplete_styles_4wbmok_s1ih3p9n__a45bf543 .Autocomplete_styles_4wbmok_popoverRoot__a45bf543{display:block;width:var(--s1ih3p9n-0);}
629
+ .Autocomplete_styles_4wbmok_u610ple__a45bf543{box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u610ple-0);overflow-y:scroll;margin:0;padding:var(--plasma-autocomplete-padding);}
630
+ .Autocomplete_styles_4wbmok_l1nz87td__a45bf543{color:var(--l1nz87td-0);margin-top:var(--plasma-autocomplete-textfield__left-helper-offset);font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);opacity:var(--plasma-autocomplete-textfield-disabled-opacity);cursor:var(--l1nz87td-1);}
631
+ .Autocomplete_styles_4wbmok_igdxyi6__a45bf543{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
632
+
633
+ .EmptyState_styles_1o24i5h_spbib9h__0d5131e5{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}
634
+ .EmptyState_styles_1o24i5h_w1g2xar0__0d5131e5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
635
+ .EmptyState_styles_1o24i5h_i21aoej__0d5131e5{margin:var(--plasma-emptystate-icon-margin);line-height:0;}
636
+ .EmptyState_styles_1o24i5h_d1brs29u__0d5131e5{margin:var(--plasma-emptystate-description-margin);font-family:var(--plasma-emptystate-font-family);font-size:var(--plasma-emptystate-font-size);font-style:var(--plasma-emptystate-font-style);font-weight:var(--plasma-emptystate-font-weight);-webkit-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-moz-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-ms-letter-spacing:var(--plasma-emptystate-font-letter-spacing);letter-spacing:var(--plasma-emptystate-font-letter-spacing);line-height:var(--plasma-emptystate-font-line-height);}
package/cjs/index.js CHANGED
@@ -18,6 +18,7 @@ var useUniqId = require('./hooks/useUniqId.js');
18
18
  var usePreviousValue = require('./hooks/usePreviousValue.js');
19
19
  var useForceUpdate = require('./hooks/useForceUpdate.js');
20
20
  var useDidMountEffect = require('./hooks/useDidMountEffect.js');
21
+ var useOutsideClick = require('./hooks/useOutsideClick.js');
21
22
  var useIsomorphicLayoutEffect = require('./hooks/useIsomorphicLayoutEffect.js');
22
23
  var index$1 = require('./utils/index.js');
23
24
  var Button = require('./components/Button/Button.js');
@@ -186,6 +187,10 @@ var SingleDate = require('./components/DatePicker/SingleDate/SingleDate.js');
186
187
  var RangeDate = require('./components/DatePicker/RangeDate/RangeDate.js');
187
188
  var DatePicker_tokens = require('./components/DatePicker/DatePicker.tokens.js');
188
189
  var Portal = require('./components/Portal/Portal.js');
190
+ var Autocomplete = require('./components/Autocomplete/Autocomplete.js');
191
+ var Autocomplete_tokens = require('./components/Autocomplete/Autocomplete.tokens.js');
192
+ var EmptyState = require('./components/EmptyState/EmptyState.js');
193
+ var EmptyState_tokens = require('./components/EmptyState/EmptyState.tokens.js');
189
194
  var common = require('./engines/common.js');
190
195
  var canUseDOM = require('./utils/canUseDOM.js');
191
196
  var extractTextFrom = require('./utils/extractTextFrom.js');
@@ -275,6 +280,7 @@ exports.useUniqId = useUniqId.useUniqId;
275
280
  exports.usePreviousValue = usePreviousValue.usePreviousValue;
276
281
  exports.useForceUpdate = useForceUpdate.useForceUpdate;
277
282
  exports.useDidMountEffect = useDidMountEffect.useDidMountEffect;
283
+ exports.useOutsideClick = useOutsideClick.useOutsideClick;
278
284
  exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
279
285
  exports.composableStyle = index$1.composableStyle;
280
286
  exports.cx = index$1.cx;
@@ -548,6 +554,12 @@ exports.datePickerRangeRoot = RangeDate.datePickerRangeRoot;
548
554
  exports.datePickerClasses = DatePicker_tokens.classes;
549
555
  exports.datePickerTokens = DatePicker_tokens.tokens;
550
556
  exports.Portal = Portal.Portal;
557
+ exports.autocompleteConfig = Autocomplete.autocompleteConfig;
558
+ exports.autocompleteRoot = Autocomplete.autocompleteRoot;
559
+ exports.autocompleteTokens = Autocomplete_tokens.tokens;
560
+ exports.emptyStateConfig = EmptyState.emptyStateConfig;
561
+ exports.emptyStateRoot = EmptyState.emptyStateRoot;
562
+ exports.emptyStateTokens = EmptyState_tokens.tokens;
551
563
  exports.component = common.component;
552
564
  exports.mergeConfig = common.mergeConfig;
553
565
  exports.canUseDOM = canUseDOM.canUseDOM;
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,193 @@
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.autocompleteRoot = exports.autocompleteConfig = void 0;
8
+ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
10
+ var _hooks = /*#__PURE__*/require("../../hooks");
11
+ var _utils = /*#__PURE__*/require("../../utils");
12
+ var _focusedReducer = /*#__PURE__*/require("./reducers/focusedReducer");
13
+ var _ui = /*#__PURE__*/require("./ui");
14
+ var _Autocomplete = /*#__PURE__*/require("./Autocomplete.styles");
15
+ var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
16
+ var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch"];
17
+ 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); }
18
+ 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 && {}.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; }
19
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
20
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
21
+ 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."); }
22
+ 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); }
23
+ 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; }
24
+ 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; } }
25
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
26
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
27
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
28
+ /**
29
+ * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
30
+ */
31
+ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root) {
32
+ return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
33
+ var outerValue = _ref.value,
34
+ onChange = _ref.onChange,
35
+ suggestions = _ref.suggestions,
36
+ view = _ref.view,
37
+ size = _ref.size,
38
+ labelPlacement = _ref.labelPlacement,
39
+ disabled = _ref.disabled,
40
+ readOnly = _ref.readOnly,
41
+ label = _ref.label,
42
+ leftHelper = _ref.leftHelper,
43
+ contentLeft = _ref.contentLeft,
44
+ contentRight = _ref.contentRight,
45
+ textBefore = _ref.textBefore,
46
+ textAfter = _ref.textAfter,
47
+ onScroll = _ref.onScroll,
48
+ listMaxHeight = _ref.listMaxHeight,
49
+ listWidth = _ref.listWidth,
50
+ filter = _ref.filter,
51
+ onSuggestionSelect = _ref.onSuggestionSelect,
52
+ _ref$threshold = _ref.threshold,
53
+ threshold = _ref$threshold === void 0 ? 2 : _ref$threshold,
54
+ renderList = _ref.renderList,
55
+ renderListEnd = _ref.renderListEnd,
56
+ onSearch = _ref.onSearch,
57
+ rest = _objectWithoutProperties(_ref, _excluded);
58
+ var _useReducer = (0, _react.useReducer)(_focusedReducer.focusedReducer, null),
59
+ _useReducer2 = _slicedToArray(_useReducer, 2),
60
+ focused = _useReducer2[0],
61
+ dispatchFocused = _useReducer2[1];
62
+ var _useState = (0, _react.useState)(''),
63
+ _useState2 = _slicedToArray(_useState, 2),
64
+ innerValue = _useState2[0],
65
+ setInnerValue = _useState2[1];
66
+ var _useState3 = (0, _react.useState)(false),
67
+ _useState4 = _slicedToArray(_useState3, 2),
68
+ isOpen = _useState4[0],
69
+ setIsOpen = _useState4[1];
70
+ var listId = (0, _plasmaCore.safeUseId)();
71
+ var value = outerValue || innerValue;
72
+ var helperTextId = (0, _plasmaCore.safeUseId)();
73
+ var targetRef = (0, _hooks.useOutsideClick)(function () {
74
+ setIsOpen(false);
75
+ });
76
+ var handleFocus = function handleFocus() {
77
+ if (value.toString().length >= threshold) {
78
+ setIsOpen(true);
79
+ }
80
+ };
81
+ var handleItemClick = function handleItemClick(e) {
82
+ setInnerValue(e.label);
83
+ if (onSuggestionSelect) {
84
+ onSuggestionSelect(e);
85
+ }
86
+ setIsOpen(false);
87
+ };
88
+ var handleChange = function handleChange(e) {
89
+ var currentValue = e.target.value;
90
+ setInnerValue(currentValue);
91
+ if (onChange) {
92
+ onChange(e);
93
+ }
94
+ if (currentValue.toString().length >= threshold) {
95
+ setIsOpen(true);
96
+ } else {
97
+ setIsOpen(false);
98
+ }
99
+ };
100
+ var defaultFilterCallback = function defaultFilterCallback(_ref2) {
101
+ var label = _ref2.label;
102
+ return label.toLowerCase().includes(value.toString().toLowerCase());
103
+ };
104
+ var finalResults = (suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(filter || defaultFilterCallback)) || [];
105
+ var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
106
+ isOpen: isOpen,
107
+ setIsOpen: setIsOpen,
108
+ focused: focused,
109
+ dispatchFocused: dispatchFocused,
110
+ finalResults: finalResults,
111
+ handleItemClick: handleItemClick
112
+ }),
113
+ onKeyDown = _useKeyNavigation.onKeyDown;
114
+ (0, _hooks.useDidMountEffect)(function () {
115
+ dispatchFocused({
116
+ type: 'reset'
117
+ });
118
+ }, [value]);
119
+ return /*#__PURE__*/_react["default"].createElement(Root, {
120
+ view: view,
121
+ size: size,
122
+ labelPlacement: labelPlacement,
123
+ disabled: disabled,
124
+ readOnly: readOnly
125
+ }, /*#__PURE__*/_react["default"].createElement(_Autocomplete.StyledPopover, {
126
+ isOpen: isOpen,
127
+ offset: [0, 0],
128
+ placement: (0, _utils.getPlacements)('bottom'),
129
+ isFocusTrapped: false,
130
+ target: /*#__PURE__*/_react["default"].createElement(_ui.StyledTextField, _extends({
131
+ value: value,
132
+ onChange: handleChange,
133
+ onSearch: focused === null ? onSearch : undefined,
134
+ ref: ref,
135
+ size: size,
136
+ view: view,
137
+ labelPlacement: labelPlacement,
138
+ disabled: disabled,
139
+ readOnly: readOnly,
140
+ label: label,
141
+ contentLeft: contentLeft,
142
+ contentRight: contentRight,
143
+ textBefore: textBefore,
144
+ textAfter: textAfter,
145
+ onFocus: handleFocus,
146
+ onKeyDown: onKeyDown,
147
+ role: "combobox",
148
+ "aria-autocomplete": "list",
149
+ "aria-controls": listId,
150
+ "aria-expanded": isOpen,
151
+ "aria-activedescendant": "".concat(listId, "/").concat(focused),
152
+ "aria-describedby": helperTextId
153
+ }, rest)),
154
+ preventOverflow: false,
155
+ ref: targetRef,
156
+ listWidth: listWidth
157
+ }, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/_react["default"].createElement(_Autocomplete.Ul, {
158
+ id: listId,
159
+ role: "listbox",
160
+ "aria-label": label,
161
+ onScroll: onScroll,
162
+ listMaxHeight: listMaxHeight
163
+ }, finalResults.map(function (suggestion, index) {
164
+ return /*#__PURE__*/_react["default"].createElement(_ui.SuggestionItem, {
165
+ key: index,
166
+ item: suggestion,
167
+ onClick: handleItemClick,
168
+ id: "".concat(listId, "/").concat(index),
169
+ focused: focused === index
170
+ });
171
+ }), renderListEnd && /*#__PURE__*/_react["default"].createElement(_Autocomplete.InfiniteLoaderWrapper, null, renderListEnd()))), leftHelper && /*#__PURE__*/_react["default"].createElement(_Autocomplete.LeftHelper, {
172
+ id: helperTextId,
173
+ disabled: disabled,
174
+ readOnly: readOnly
175
+ }, leftHelper));
176
+ });
177
+ };
178
+ var autocompleteConfig = exports.autocompleteConfig = {
179
+ name: 'Autocomplete',
180
+ tag: 'div',
181
+ layout: autocompleteRoot,
182
+ base: _Autocomplete.base,
183
+ defaults: {
184
+ view: 'default',
185
+ size: 'l',
186
+ labelPlacement: 'outer'
187
+ },
188
+ variations: {
189
+ view: {
190
+ css: ''
191
+ }
192
+ }
193
+ };
@@ -0,0 +1,43 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = exports.Ul = exports.StyledPopover = exports.LeftHelper = exports.InfiniteLoaderWrapper = void 0;
7
+ var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
8
+ var _react = /*#__PURE__*/require("@emotion/react");
9
+ var _Popover = /*#__PURE__*/require("../Popover");
10
+ var _engines = /*#__PURE__*/require("../../engines");
11
+ var _Autocomplete = /*#__PURE__*/require("./Autocomplete.tokens");
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
+ var base = exports.base = /*#__PURE__*/(0, _react.css)(".", _Popover.popoverClasses.wrapper, ",.", _Popover.popoverClasses.target, "{display:block;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgQXV0b2NvbXBsZXRlUHJvcHMgfSBmcm9tICcuL0F1dG9jb21wbGV0ZS50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL0F1dG9jb21wbGV0ZS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpPHsgbGlzdFdpZHRoOiBBdXRvY29tcGxldGVQcm9wc1snbGlzdFdpZHRoJ10gfT5gXG4gICAgLiR7U3RyaW5nKHBvcG92ZXJDbGFzc2VzLnJvb3QpfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0TWF4SGVpZ2h0OiBBdXRvY29tcGxldGVQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBtYXgtaGVpZ2h0OiAkeyh7IGxpc3RNYXhIZWlnaHQgfSkgPT4gbGlzdE1heEhlaWdodCB8fCAnbm9uZSd9O1xuICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcblxuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRIZWxwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBkaXNhYmxlZDogQXV0b2NvbXBsZXRlUHJvcHNbJ2Rpc2FibGVkJ107XG4gICAgcmVhZE9ubHk6IEF1dG9jb21wbGV0ZVByb3BzWydyZWFkT25seSddO1xufT5gXG4gICAgY29sb3I6ICR7KHsgcmVhZE9ubHksIGRpc2FibGVkIH0pID0+XG4gICAgICAgIHJlYWRPbmx5ICYmICFkaXNhYmxlZFxuICAgICAgICAgICAgPyBgdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJDb2xvclJlYWRPbmx5fSlgXG4gICAgICAgICAgICA6IGB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckNvbG9yfSlgfTtcbiAgICBtYXJnaW4tdG9wOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlck9mZnNldH0pO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJMaW5lSGVpZ2h0fSk7XG5cbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgY3Vyc29yOiAkeyh7IGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnYXV0bycpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbmZpbml0ZUxvYWRlcldyYXBwZXIgPSBzdHlsZWQubGlgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRIZWlnaHR9KTtcbmA7XG4iXX0= */"));
14
+ var Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
15
+ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _base["default"])(Popover, {
16
+ target: "e19k6c2g3",
17
+ label: "plasma-new-hope__StyledPopover"
18
+ })(".", /*#__PURE__*/String(_Popover.popoverClasses.root), "{display:block;width:", function (_ref) {
19
+ var listWidth = _ref.listWidth;
20
+ return listWidth || '100%';
21
+ }, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyRiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F1dG9jb21wbGV0ZS9BdXRvY29tcGxldGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBwb3BvdmVyQ2xhc3NlcywgcG9wb3ZlckNvbmZpZyB9IGZyb20gJy4uL1BvcG92ZXInO1xuaW1wb3J0IHsgY29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZW5naW5lcyc7XG5cbmltcG9ydCB7IEF1dG9jb21wbGV0ZVByb3BzIH0gZnJvbSAnLi9BdXRvY29tcGxldGUudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9BdXRvY29tcGxldGUudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgLiR7cG9wb3ZlckNsYXNzZXMud3JhcHBlcn0sIC4ke3BvcG92ZXJDbGFzc2VzLnRhcmdldH0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5gO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aDogQXV0b2NvbXBsZXRlUHJvcHNbJ2xpc3RXaWR0aCddIH0+YFxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy5yb290KX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE1heEhlaWdodDogQXV0b2NvbXBsZXRlUHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5ib3hTaGFkb3d9KTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgbWF4LWhlaWdodDogJHsoeyBsaXN0TWF4SGVpZ2h0IH0pID0+IGxpc3RNYXhIZWlnaHQgfHwgJ25vbmUnfTtcbiAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG5cbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0SGVscGVyID0gc3R5bGVkLmRpdjx7XG4gICAgZGlzYWJsZWQ6IEF1dG9jb21wbGV0ZVByb3BzWydkaXNhYmxlZCddO1xuICAgIHJlYWRPbmx5OiBBdXRvY29tcGxldGVQcm9wc1sncmVhZE9ubHknXTtcbn0+YFxuICAgIGNvbG9yOiAkeyh7IHJlYWRPbmx5LCBkaXNhYmxlZCB9KSA9PlxuICAgICAgICByZWFkT25seSAmJiAhZGlzYWJsZWRcbiAgICAgICAgICAgID8gYHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyQ29sb3JSZWFkT25seX0pYFxuICAgICAgICAgICAgOiBgdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJDb2xvcn0pYH07XG4gICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJPZmZzZXR9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyTGluZUhlaWdodH0pO1xuXG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLnRleHRGaWVsZERpc2FibGVkT3BhY2l0eX0pO1xuICAgIGN1cnNvcjogJHsoeyBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ2F1dG8nKX07XG5gO1xuXG5leHBvcnQgY29uc3QgSW5maW5pdGVMb2FkZXJXcmFwcGVyID0gc3R5bGVkLmxpYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkSGVpZ2h0fSk7XG5gO1xuIl19 */"));
22
+ var Ul = exports.Ul = /*#__PURE__*/(0, _base["default"])("ul", {
23
+ target: "e19k6c2g2",
24
+ label: "plasma-new-hope__Ul"
25
+ })("box-sizing:border-box;background:var(", _Autocomplete.tokens.background, ");box-shadow:var(", _Autocomplete.tokens.boxShadow, ");border-radius:var(", _Autocomplete.tokens.borderRadius, ");height:auto;max-height:", function (_ref2) {
26
+ var listMaxHeight = _ref2.listMaxHeight;
27
+ return listMaxHeight || 'none';
28
+ }, ";overflow-y:scroll;margin:0;padding:var(", _Autocomplete.tokens.padding, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgQXV0b2NvbXBsZXRlUHJvcHMgfSBmcm9tICcuL0F1dG9jb21wbGV0ZS50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL0F1dG9jb21wbGV0ZS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpPHsgbGlzdFdpZHRoOiBBdXRvY29tcGxldGVQcm9wc1snbGlzdFdpZHRoJ10gfT5gXG4gICAgLiR7U3RyaW5nKHBvcG92ZXJDbGFzc2VzLnJvb3QpfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0TWF4SGVpZ2h0OiBBdXRvY29tcGxldGVQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBtYXgtaGVpZ2h0OiAkeyh7IGxpc3RNYXhIZWlnaHQgfSkgPT4gbGlzdE1heEhlaWdodCB8fCAnbm9uZSd9O1xuICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcblxuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRIZWxwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBkaXNhYmxlZDogQXV0b2NvbXBsZXRlUHJvcHNbJ2Rpc2FibGVkJ107XG4gICAgcmVhZE9ubHk6IEF1dG9jb21wbGV0ZVByb3BzWydyZWFkT25seSddO1xufT5gXG4gICAgY29sb3I6ICR7KHsgcmVhZE9ubHksIGRpc2FibGVkIH0pID0+XG4gICAgICAgIHJlYWRPbmx5ICYmICFkaXNhYmxlZFxuICAgICAgICAgICAgPyBgdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJDb2xvclJlYWRPbmx5fSlgXG4gICAgICAgICAgICA6IGB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckNvbG9yfSlgfTtcbiAgICBtYXJnaW4tdG9wOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlck9mZnNldH0pO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJMaW5lSGVpZ2h0fSk7XG5cbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgY3Vyc29yOiAkeyh7IGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnYXV0bycpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbmZpbml0ZUxvYWRlcldyYXBwZXIgPSBzdHlsZWQubGlgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRIZWlnaHR9KTtcbmA7XG4iXX0= */"));
29
+ var LeftHelper = exports.LeftHelper = /*#__PURE__*/(0, _base["default"])("div", {
30
+ target: "e19k6c2g1",
31
+ label: "plasma-new-hope__LeftHelper"
32
+ })("color:", function (_ref3) {
33
+ var readOnly = _ref3.readOnly,
34
+ disabled = _ref3.disabled;
35
+ return readOnly && !disabled ? "var(".concat(_Autocomplete.tokens.textFieldLeftHelperColorReadOnly, ")") : "var(".concat(_Autocomplete.tokens.textFieldLeftHelperColor, ")");
36
+ }, ";margin-top:var(", _Autocomplete.tokens.textFieldLeftHelperOffset, ");font-family:var(", _Autocomplete.tokens.textFieldLeftHelperFontFamily, ");font-size:var(", _Autocomplete.tokens.textFieldLeftHelperFontSize, ");font-style:var(", _Autocomplete.tokens.textFieldLeftHelperFontStyle, ");font-weight:var(", _Autocomplete.tokens.textFieldLeftHelperFontWeight, ");letter-spacing:var(", _Autocomplete.tokens.textFieldLeftHelperLetterSpacing, ");line-height:var(", _Autocomplete.tokens.textFieldLeftHelperLineHeight, ");opacity:var(", _Autocomplete.tokens.textFieldDisabledOpacity, ");cursor:", function (_ref4) {
37
+ var disabled = _ref4.disabled;
38
+ return disabled ? 'not-allowed' : 'auto';
39
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgQXV0b2NvbXBsZXRlUHJvcHMgfSBmcm9tICcuL0F1dG9jb21wbGV0ZS50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL0F1dG9jb21wbGV0ZS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpPHsgbGlzdFdpZHRoOiBBdXRvY29tcGxldGVQcm9wc1snbGlzdFdpZHRoJ10gfT5gXG4gICAgLiR7U3RyaW5nKHBvcG92ZXJDbGFzc2VzLnJvb3QpfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0TWF4SGVpZ2h0OiBBdXRvY29tcGxldGVQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBtYXgtaGVpZ2h0OiAkeyh7IGxpc3RNYXhIZWlnaHQgfSkgPT4gbGlzdE1heEhlaWdodCB8fCAnbm9uZSd9O1xuICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcblxuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRIZWxwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBkaXNhYmxlZDogQXV0b2NvbXBsZXRlUHJvcHNbJ2Rpc2FibGVkJ107XG4gICAgcmVhZE9ubHk6IEF1dG9jb21wbGV0ZVByb3BzWydyZWFkT25seSddO1xufT5gXG4gICAgY29sb3I6ICR7KHsgcmVhZE9ubHksIGRpc2FibGVkIH0pID0+XG4gICAgICAgIHJlYWRPbmx5ICYmICFkaXNhYmxlZFxuICAgICAgICAgICAgPyBgdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJDb2xvclJlYWRPbmx5fSlgXG4gICAgICAgICAgICA6IGB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckNvbG9yfSlgfTtcbiAgICBtYXJnaW4tdG9wOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlck9mZnNldH0pO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJMaW5lSGVpZ2h0fSk7XG5cbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgY3Vyc29yOiAkeyh7IGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnYXV0bycpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbmZpbml0ZUxvYWRlcldyYXBwZXIgPSBzdHlsZWQubGlgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRIZWlnaHR9KTtcbmA7XG4iXX0= */"));
40
+ var InfiniteLoaderWrapper = exports.InfiniteLoaderWrapper = /*#__PURE__*/(0, _base["default"])("li", {
41
+ target: "e19k6c2g0",
42
+ label: "plasma-new-hope__InfiniteLoaderWrapper"
43
+ })("display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(", _Autocomplete.tokens.textFieldHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEQ4QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F1dG9jb21wbGV0ZS9BdXRvY29tcGxldGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBwb3BvdmVyQ2xhc3NlcywgcG9wb3ZlckNvbmZpZyB9IGZyb20gJy4uL1BvcG92ZXInO1xuaW1wb3J0IHsgY29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZW5naW5lcyc7XG5cbmltcG9ydCB7IEF1dG9jb21wbGV0ZVByb3BzIH0gZnJvbSAnLi9BdXRvY29tcGxldGUudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9BdXRvY29tcGxldGUudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgLiR7cG9wb3ZlckNsYXNzZXMud3JhcHBlcn0sIC4ke3BvcG92ZXJDbGFzc2VzLnRhcmdldH0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5gO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aDogQXV0b2NvbXBsZXRlUHJvcHNbJ2xpc3RXaWR0aCddIH0+YFxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy5yb290KX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE1heEhlaWdodDogQXV0b2NvbXBsZXRlUHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5ib3hTaGFkb3d9KTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgbWF4LWhlaWdodDogJHsoeyBsaXN0TWF4SGVpZ2h0IH0pID0+IGxpc3RNYXhIZWlnaHQgfHwgJ25vbmUnfTtcbiAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG5cbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0SGVscGVyID0gc3R5bGVkLmRpdjx7XG4gICAgZGlzYWJsZWQ6IEF1dG9jb21wbGV0ZVByb3BzWydkaXNhYmxlZCddO1xuICAgIHJlYWRPbmx5OiBBdXRvY29tcGxldGVQcm9wc1sncmVhZE9ubHknXTtcbn0+YFxuICAgIGNvbG9yOiAkeyh7IHJlYWRPbmx5LCBkaXNhYmxlZCB9KSA9PlxuICAgICAgICByZWFkT25seSAmJiAhZGlzYWJsZWRcbiAgICAgICAgICAgID8gYHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyQ29sb3JSZWFkT25seX0pYFxuICAgICAgICAgICAgOiBgdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJDb2xvcn0pYH07XG4gICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJPZmZzZXR9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyTGluZUhlaWdodH0pO1xuXG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLnRleHRGaWVsZERpc2FibGVkT3BhY2l0eX0pO1xuICAgIGN1cnNvcjogJHsoeyBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ2F1dG8nKX07XG5gO1xuXG5leHBvcnQgY29uc3QgSW5maW5pdGVMb2FkZXJXcmFwcGVyID0gc3R5bGVkLmxpYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkSGVpZ2h0fSk7XG5gO1xuIl19 */"));