chili-ui 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (1633) hide show
  1. package/.babelrc +20 -0
  2. package/.editorconfig +9 -0
  3. package/.eslintignore +6 -0
  4. package/.eslintrc +134 -0
  5. package/.github/ISSUE_TEMPLATE/bug_report.md +31 -0
  6. package/.github/ISSUE_TEMPLATE/feature_request.md +20 -0
  7. package/.github/workflows/node.js._yml +34 -0
  8. package/.github/workflows/timeweb_deploy.yml +134 -0
  9. package/.husky/pre-commit +4 -0
  10. package/CHANGELOG.md +390 -0
  11. package/LICENSE.md +21 -0
  12. package/README.md +37 -0
  13. package/dist/commonTypes/index.d.ts +54 -0
  14. package/dist/commonTypes/index.js +2 -0
  15. package/dist/commonTypes/index.js.map +1 -0
  16. package/dist/components/A/index.d.ts +3 -0
  17. package/dist/components/A/index.js +3 -0
  18. package/dist/components/A/index.js.map +1 -0
  19. package/dist/components/A/types.d.ts +9 -0
  20. package/dist/components/A/types.js +2 -0
  21. package/dist/components/A/types.js.map +1 -0
  22. package/dist/components/Article/index.d.ts +7 -0
  23. package/dist/components/Article/index.js +3 -0
  24. package/dist/components/Article/index.js.map +1 -0
  25. package/dist/components/Aside/index.d.ts +7 -0
  26. package/dist/components/Aside/index.js +3 -0
  27. package/dist/components/Aside/index.js.map +1 -0
  28. package/dist/components/AutoComplete/AutoComplete.test.d.ts +1 -0
  29. package/dist/components/AutoComplete/AutoComplete.test.js +229 -0
  30. package/dist/components/AutoComplete/AutoComplete.test.js.map +1 -0
  31. package/dist/components/AutoComplete/handlers.d.ts +63 -0
  32. package/dist/components/AutoComplete/handlers.js +176 -0
  33. package/dist/components/AutoComplete/handlers.js.map +1 -0
  34. package/dist/components/AutoComplete/helpers.d.ts +19 -0
  35. package/dist/components/AutoComplete/helpers.js +111 -0
  36. package/dist/components/AutoComplete/helpers.js.map +1 -0
  37. package/dist/components/AutoComplete/helpers.test.d.ts +1 -0
  38. package/dist/components/AutoComplete/helpers.test.js +56 -0
  39. package/dist/components/AutoComplete/helpers.test.js.map +1 -0
  40. package/dist/components/AutoComplete/index.d.ts +3 -0
  41. package/dist/components/AutoComplete/index.js +144 -0
  42. package/dist/components/AutoComplete/index.js.map +1 -0
  43. package/dist/components/AutoComplete/messages.d.ts +2 -0
  44. package/dist/components/AutoComplete/messages.js +4 -0
  45. package/dist/components/AutoComplete/messages.js.map +1 -0
  46. package/dist/components/AutoComplete/theme.d.ts +21 -0
  47. package/dist/components/AutoComplete/theme.js +4 -0
  48. package/dist/components/AutoComplete/theme.js.map +1 -0
  49. package/dist/components/AutoComplete/types.d.ts +180 -0
  50. package/dist/components/AutoComplete/types.js +22 -0
  51. package/dist/components/AutoComplete/types.js.map +1 -0
  52. package/dist/components/B/index.d.ts +7 -0
  53. package/dist/components/B/index.js +3 -0
  54. package/dist/components/B/index.js.map +1 -0
  55. package/dist/components/Blockquote/index.d.ts +6 -0
  56. package/dist/components/Blockquote/index.js +3 -0
  57. package/dist/components/Blockquote/index.js.map +1 -0
  58. package/dist/components/Button/handlers.d.ts +3 -0
  59. package/dist/components/Button/handlers.js +62 -0
  60. package/dist/components/Button/handlers.js.map +1 -0
  61. package/dist/components/Button/helpers.d.ts +2 -0
  62. package/dist/components/Button/helpers.js +9 -0
  63. package/dist/components/Button/helpers.js.map +1 -0
  64. package/dist/components/Button/index.d.ts +3 -0
  65. package/dist/components/Button/index.js +29 -0
  66. package/dist/components/Button/index.js.map +1 -0
  67. package/dist/components/Button/theme.d.ts +6 -0
  68. package/dist/components/Button/theme.js +10 -0
  69. package/dist/components/Button/theme.js.map +1 -0
  70. package/dist/components/Button/types.d.ts +39 -0
  71. package/dist/components/Button/types.js +2 -0
  72. package/dist/components/Button/types.js.map +1 -0
  73. package/dist/components/ButtonGroup/handlers.d.ts +9 -0
  74. package/dist/components/ButtonGroup/handlers.js +41 -0
  75. package/dist/components/ButtonGroup/handlers.js.map +1 -0
  76. package/dist/components/ButtonGroup/helpers.d.ts +4 -0
  77. package/dist/components/ButtonGroup/helpers.js +19 -0
  78. package/dist/components/ButtonGroup/helpers.js.map +1 -0
  79. package/dist/components/ButtonGroup/index.d.ts +3 -0
  80. package/dist/components/ButtonGroup/index.js +61 -0
  81. package/dist/components/ButtonGroup/index.js.map +1 -0
  82. package/dist/components/ButtonGroup/theme.d.ts +10 -0
  83. package/dist/components/ButtonGroup/theme.js +14 -0
  84. package/dist/components/ButtonGroup/theme.js.map +1 -0
  85. package/dist/components/ButtonGroup/types.d.ts +56 -0
  86. package/dist/components/ButtonGroup/types.js +2 -0
  87. package/dist/components/ButtonGroup/types.js.map +1 -0
  88. package/dist/components/Calendar/Calendar.test.d.ts +0 -0
  89. package/dist/components/Calendar/Calendar.test.js +7 -0
  90. package/dist/components/Calendar/Calendar.test.js.map +1 -0
  91. package/dist/components/Calendar/handlers.d.ts +8 -0
  92. package/dist/components/Calendar/handlers.js +103 -0
  93. package/dist/components/Calendar/handlers.js.map +1 -0
  94. package/dist/components/Calendar/hooks.d.ts +3 -0
  95. package/dist/components/Calendar/hooks.js +25 -0
  96. package/dist/components/Calendar/hooks.js.map +1 -0
  97. package/dist/components/Calendar/index.d.ts +3 -0
  98. package/dist/components/Calendar/index.js +59 -0
  99. package/dist/components/Calendar/index.js.map +1 -0
  100. package/dist/components/Calendar/reducer.d.ts +2 -0
  101. package/dist/components/Calendar/reducer.js +17 -0
  102. package/dist/components/Calendar/reducer.js.map +1 -0
  103. package/dist/components/Calendar/types.d.ts +59 -0
  104. package/dist/components/Calendar/types.js +2 -0
  105. package/dist/components/Calendar/types.js.map +1 -0
  106. package/dist/components/CheckBox/CheckBox.test.d.ts +1 -0
  107. package/dist/components/CheckBox/CheckBox.test.js +123 -0
  108. package/dist/components/CheckBox/CheckBox.test.js.map +1 -0
  109. package/dist/components/CheckBox/handlers.d.ts +5 -0
  110. package/dist/components/CheckBox/handlers.js +29 -0
  111. package/dist/components/CheckBox/handlers.js.map +1 -0
  112. package/dist/components/CheckBox/index.d.ts +3 -0
  113. package/dist/components/CheckBox/index.js +50 -0
  114. package/dist/components/CheckBox/index.js.map +1 -0
  115. package/dist/components/CheckBox/theme.d.ts +9 -0
  116. package/dist/components/CheckBox/theme.js +12 -0
  117. package/dist/components/CheckBox/theme.js.map +1 -0
  118. package/dist/components/CheckBox/types.d.ts +50 -0
  119. package/dist/components/CheckBox/types.js +2 -0
  120. package/dist/components/CheckBox/types.js.map +1 -0
  121. package/dist/components/Collapse/index.d.ts +3 -0
  122. package/dist/components/Collapse/index.js +30 -0
  123. package/dist/components/Collapse/index.js.map +1 -0
  124. package/dist/components/Collapse/theme.d.ts +6 -0
  125. package/dist/components/Collapse/theme.js +8 -0
  126. package/dist/components/Collapse/theme.js.map +1 -0
  127. package/dist/components/Collapse/types.d.ts +25 -0
  128. package/dist/components/Collapse/types.js +2 -0
  129. package/dist/components/Collapse/types.js.map +1 -0
  130. package/dist/components/DatePicker/index.d.ts +3 -0
  131. package/dist/components/DatePicker/index.js +8 -0
  132. package/dist/components/DatePicker/index.js.map +1 -0
  133. package/dist/components/DatePicker/types.d.ts +36 -0
  134. package/dist/components/DatePicker/types.js +2 -0
  135. package/dist/components/DatePicker/types.js.map +1 -0
  136. package/dist/components/DateRange/index.d.ts +3 -0
  137. package/dist/components/DateRange/index.js +8 -0
  138. package/dist/components/DateRange/index.js.map +1 -0
  139. package/dist/components/DateRange/types.d.ts +35 -0
  140. package/dist/components/DateRange/types.js +2 -0
  141. package/dist/components/DateRange/types.js.map +1 -0
  142. package/dist/components/DateTimePicker/index.d.ts +3 -0
  143. package/dist/components/DateTimePicker/index.js +8 -0
  144. package/dist/components/DateTimePicker/index.js.map +1 -0
  145. package/dist/components/DateTimePicker/types.d.ts +36 -0
  146. package/dist/components/DateTimePicker/types.js +2 -0
  147. package/dist/components/DateTimePicker/types.js.map +1 -0
  148. package/dist/components/DateTimeRange/index.d.ts +3 -0
  149. package/dist/components/DateTimeRange/index.js +8 -0
  150. package/dist/components/DateTimeRange/index.js.map +1 -0
  151. package/dist/components/DateTimeRange/types.d.ts +35 -0
  152. package/dist/components/DateTimeRange/types.js +2 -0
  153. package/dist/components/DateTimeRange/types.js.map +1 -0
  154. package/dist/components/Div/index.d.ts +7 -0
  155. package/dist/components/Div/index.js +3 -0
  156. package/dist/components/Div/index.js.map +1 -0
  157. package/dist/components/Dl/index.d.ts +5 -0
  158. package/dist/components/Dl/index.js +5 -0
  159. package/dist/components/Dl/index.js.map +1 -0
  160. package/dist/components/Dl/types.d.ts +16 -0
  161. package/dist/components/Dl/types.js +2 -0
  162. package/dist/components/Dl/types.js.map +1 -0
  163. package/dist/components/DropDownSelect/DropDownSelect.test.d.ts +1 -0
  164. package/dist/components/DropDownSelect/DropDownSelect.test.js +276 -0
  165. package/dist/components/DropDownSelect/DropDownSelect.test.js.map +1 -0
  166. package/dist/components/DropDownSelect/handlers.d.ts +13 -0
  167. package/dist/components/DropDownSelect/handlers.js +215 -0
  168. package/dist/components/DropDownSelect/handlers.js.map +1 -0
  169. package/dist/components/DropDownSelect/helpers.d.ts +5 -0
  170. package/dist/components/DropDownSelect/helpers.js +51 -0
  171. package/dist/components/DropDownSelect/helpers.js.map +1 -0
  172. package/dist/components/DropDownSelect/hooks.d.ts +13 -0
  173. package/dist/components/DropDownSelect/hooks.js +36 -0
  174. package/dist/components/DropDownSelect/hooks.js.map +1 -0
  175. package/dist/components/DropDownSelect/index.d.ts +3 -0
  176. package/dist/components/DropDownSelect/index.js +96 -0
  177. package/dist/components/DropDownSelect/index.js.map +1 -0
  178. package/dist/components/DropDownSelect/theme.d.ts +24 -0
  179. package/dist/components/DropDownSelect/theme.js +5 -0
  180. package/dist/components/DropDownSelect/theme.js.map +1 -0
  181. package/dist/components/DropDownSelect/types.d.ts +149 -0
  182. package/dist/components/DropDownSelect/types.js +2 -0
  183. package/dist/components/DropDownSelect/types.js.map +1 -0
  184. package/dist/components/Figcaption/index.d.ts +7 -0
  185. package/dist/components/Figcaption/index.js +3 -0
  186. package/dist/components/Figcaption/index.js.map +1 -0
  187. package/dist/components/Figure/index.d.ts +7 -0
  188. package/dist/components/Figure/index.js +3 -0
  189. package/dist/components/Figure/index.js.map +1 -0
  190. package/dist/components/Footer/index.d.ts +7 -0
  191. package/dist/components/Footer/index.js +3 -0
  192. package/dist/components/Footer/index.js.map +1 -0
  193. package/dist/components/Headers/H1.d.ts +3 -0
  194. package/dist/components/Headers/H1.js +3 -0
  195. package/dist/components/Headers/H1.js.map +1 -0
  196. package/dist/components/Headers/H2.d.ts +3 -0
  197. package/dist/components/Headers/H2.js +3 -0
  198. package/dist/components/Headers/H2.js.map +1 -0
  199. package/dist/components/Headers/H3.d.ts +3 -0
  200. package/dist/components/Headers/H3.js +3 -0
  201. package/dist/components/Headers/H3.js.map +1 -0
  202. package/dist/components/Headers/H4.d.ts +3 -0
  203. package/dist/components/Headers/H4.js +3 -0
  204. package/dist/components/Headers/H4.js.map +1 -0
  205. package/dist/components/Headers/H5.d.ts +3 -0
  206. package/dist/components/Headers/H5.js +3 -0
  207. package/dist/components/Headers/H5.js.map +1 -0
  208. package/dist/components/Headers/H6.d.ts +3 -0
  209. package/dist/components/Headers/H6.js +3 -0
  210. package/dist/components/Headers/H6.js.map +1 -0
  211. package/dist/components/Headers/Header.d.ts +3 -0
  212. package/dist/components/Headers/Header.js +3 -0
  213. package/dist/components/Headers/Header.js.map +1 -0
  214. package/dist/components/Headers/index.d.ts +7 -0
  215. package/dist/components/Headers/index.js +8 -0
  216. package/dist/components/Headers/index.js.map +1 -0
  217. package/dist/components/Headers/types.d.ts +6 -0
  218. package/dist/components/Headers/types.js +2 -0
  219. package/dist/components/Headers/types.js.map +1 -0
  220. package/dist/components/I/index.d.ts +7 -0
  221. package/dist/components/I/index.js +3 -0
  222. package/dist/components/I/index.js.map +1 -0
  223. package/dist/components/Icon/index.d.ts +3 -0
  224. package/dist/components/Icon/index.js +21 -0
  225. package/dist/components/Icon/index.js.map +1 -0
  226. package/dist/components/Icon/types.d.ts +300 -0
  227. package/dist/components/Icon/types.js +291 -0
  228. package/dist/components/Icon/types.js.map +1 -0
  229. package/dist/components/Img/index.d.ts +7 -0
  230. package/dist/components/Img/index.js +3 -0
  231. package/dist/components/Img/index.js.map +1 -0
  232. package/dist/components/Input/Input.test.d.ts +1 -0
  233. package/dist/components/Input/Input.test.js +105 -0
  234. package/dist/components/Input/Input.test.js.map +1 -0
  235. package/dist/components/Input/constants.d.ts +6 -0
  236. package/dist/components/Input/constants.js +7 -0
  237. package/dist/components/Input/constants.js.map +1 -0
  238. package/dist/components/Input/handlers.d.ts +9 -0
  239. package/dist/components/Input/handlers.js +71 -0
  240. package/dist/components/Input/handlers.js.map +1 -0
  241. package/dist/components/Input/helpers.d.ts +6 -0
  242. package/dist/components/Input/helpers.js +48 -0
  243. package/dist/components/Input/helpers.js.map +1 -0
  244. package/dist/components/Input/index.d.ts +3 -0
  245. package/dist/components/Input/index.js +54 -0
  246. package/dist/components/Input/index.js.map +1 -0
  247. package/dist/components/Input/theme.d.ts +10 -0
  248. package/dist/components/Input/theme.js +13 -0
  249. package/dist/components/Input/theme.js.map +1 -0
  250. package/dist/components/Input/types.d.ts +92 -0
  251. package/dist/components/Input/types.js +2 -0
  252. package/dist/components/Input/types.js.map +1 -0
  253. package/dist/components/Label/index.d.ts +6 -0
  254. package/dist/components/Label/index.js +3 -0
  255. package/dist/components/Label/index.js.map +1 -0
  256. package/dist/components/LedaProvider/LedaContext.d.ts +10 -0
  257. package/dist/components/LedaProvider/LedaContext.js +11 -0
  258. package/dist/components/LedaProvider/LedaContext.js.map +1 -0
  259. package/dist/components/LedaProvider/globalDefaultMessages.d.ts +8 -0
  260. package/dist/components/LedaProvider/globalDefaultMessages.js +11 -0
  261. package/dist/components/LedaProvider/globalDefaultMessages.js.map +1 -0
  262. package/dist/components/LedaProvider/globalDefaultRenders.d.ts +8 -0
  263. package/dist/components/LedaProvider/globalDefaultRenders.js +5 -0
  264. package/dist/components/LedaProvider/globalDefaultRenders.js.map +1 -0
  265. package/dist/components/LedaProvider/globalDefaultTheme.d.ts +487 -0
  266. package/dist/components/LedaProvider/globalDefaultTheme.js +61 -0
  267. package/dist/components/LedaProvider/globalDefaultTheme.js.map +1 -0
  268. package/dist/components/LedaProvider/index.d.ts +13 -0
  269. package/dist/components/LedaProvider/index.js +14 -0
  270. package/dist/components/LedaProvider/index.js.map +1 -0
  271. package/dist/components/Li/index.d.ts +7 -0
  272. package/dist/components/Li/index.js +3 -0
  273. package/dist/components/Li/index.js.map +1 -0
  274. package/dist/components/Loader/index.d.ts +3 -0
  275. package/dist/components/Loader/index.js +41 -0
  276. package/dist/components/Loader/index.js.map +1 -0
  277. package/dist/components/Loader/theme.d.ts +7 -0
  278. package/dist/components/Loader/theme.js +10 -0
  279. package/dist/components/Loader/theme.js.map +1 -0
  280. package/dist/components/Loader/types.d.ts +22 -0
  281. package/dist/components/Loader/types.js +2 -0
  282. package/dist/components/Loader/types.js.map +1 -0
  283. package/dist/components/Main/index.d.ts +7 -0
  284. package/dist/components/Main/index.js +3 -0
  285. package/dist/components/Main/index.js.map +1 -0
  286. package/dist/components/Mark/index.d.ts +7 -0
  287. package/dist/components/Mark/index.js +3 -0
  288. package/dist/components/Mark/index.js.map +1 -0
  289. package/dist/components/MaskedInput/handlers.d.ts +12 -0
  290. package/dist/components/MaskedInput/handlers.js +71 -0
  291. package/dist/components/MaskedInput/handlers.js.map +1 -0
  292. package/dist/components/MaskedInput/helpers.d.ts +3 -0
  293. package/dist/components/MaskedInput/helpers.js +21 -0
  294. package/dist/components/MaskedInput/helpers.js.map +1 -0
  295. package/dist/components/MaskedInput/hooks.d.ts +2 -0
  296. package/dist/components/MaskedInput/hooks.js +17 -0
  297. package/dist/components/MaskedInput/hooks.js.map +1 -0
  298. package/dist/components/MaskedInput/index.d.ts +3 -0
  299. package/dist/components/MaskedInput/index.js +83 -0
  300. package/dist/components/MaskedInput/index.js.map +1 -0
  301. package/dist/components/MaskedInput/theme.d.ts +9 -0
  302. package/dist/components/MaskedInput/theme.js +11 -0
  303. package/dist/components/MaskedInput/theme.js.map +1 -0
  304. package/dist/components/MaskedInput/types.d.ts +76 -0
  305. package/dist/components/MaskedInput/types.js +2 -0
  306. package/dist/components/MaskedInput/types.js.map +1 -0
  307. package/dist/components/Modal/Modal.d.ts +3 -0
  308. package/dist/components/Modal/Modal.js +13 -0
  309. package/dist/components/Modal/Modal.js.map +1 -0
  310. package/dist/components/Modal/ModalBody.d.ts +3 -0
  311. package/dist/components/Modal/ModalBody.js +27 -0
  312. package/dist/components/Modal/ModalBody.js.map +1 -0
  313. package/dist/components/Modal/ModalContext.d.ts +3 -0
  314. package/dist/components/Modal/ModalContext.js +8 -0
  315. package/dist/components/Modal/ModalContext.js.map +1 -0
  316. package/dist/components/Modal/ModalFooter.d.ts +3 -0
  317. package/dist/components/Modal/ModalFooter.js +26 -0
  318. package/dist/components/Modal/ModalFooter.js.map +1 -0
  319. package/dist/components/Modal/ModalHeader.d.ts +3 -0
  320. package/dist/components/Modal/ModalHeader.js +27 -0
  321. package/dist/components/Modal/ModalHeader.js.map +1 -0
  322. package/dist/components/Modal/ModalWindow.d.ts +3 -0
  323. package/dist/components/Modal/ModalWindow.js +46 -0
  324. package/dist/components/Modal/ModalWindow.js.map +1 -0
  325. package/dist/components/Modal/handlers.d.ts +5 -0
  326. package/dist/components/Modal/handlers.js +22 -0
  327. package/dist/components/Modal/handlers.js.map +1 -0
  328. package/dist/components/Modal/hooks.d.ts +2 -0
  329. package/dist/components/Modal/hooks.js +16 -0
  330. package/dist/components/Modal/hooks.js.map +1 -0
  331. package/dist/components/Modal/index.d.ts +4 -0
  332. package/dist/components/Modal/index.js +5 -0
  333. package/dist/components/Modal/index.js.map +1 -0
  334. package/dist/components/Modal/theme.d.ts +8 -0
  335. package/dist/components/Modal/theme.js +11 -0
  336. package/dist/components/Modal/theme.js.map +1 -0
  337. package/dist/components/Modal/types.d.ts +55 -0
  338. package/dist/components/Modal/types.js +2 -0
  339. package/dist/components/Modal/types.js.map +1 -0
  340. package/dist/components/MultiSelect/TagsContainer.d.ts +6 -0
  341. package/dist/components/MultiSelect/TagsContainer.js +23 -0
  342. package/dist/components/MultiSelect/TagsContainer.js.map +1 -0
  343. package/dist/components/MultiSelect/constants.d.ts +8 -0
  344. package/dist/components/MultiSelect/constants.js +10 -0
  345. package/dist/components/MultiSelect/constants.js.map +1 -0
  346. package/dist/components/MultiSelect/handlers.d.ts +15 -0
  347. package/dist/components/MultiSelect/handlers.js +165 -0
  348. package/dist/components/MultiSelect/handlers.js.map +1 -0
  349. package/dist/components/MultiSelect/helpers.d.ts +8 -0
  350. package/dist/components/MultiSelect/helpers.js +42 -0
  351. package/dist/components/MultiSelect/helpers.js.map +1 -0
  352. package/dist/components/MultiSelect/index.d.ts +2 -0
  353. package/dist/components/MultiSelect/index.js +155 -0
  354. package/dist/components/MultiSelect/index.js.map +1 -0
  355. package/dist/components/MultiSelect/messages.d.ts +2 -0
  356. package/dist/components/MultiSelect/messages.js +4 -0
  357. package/dist/components/MultiSelect/messages.js.map +1 -0
  358. package/dist/components/MultiSelect/renders.d.ts +6 -0
  359. package/dist/components/MultiSelect/renders.js +36 -0
  360. package/dist/components/MultiSelect/renders.js.map +1 -0
  361. package/dist/components/MultiSelect/theme.d.ts +27 -0
  362. package/dist/components/MultiSelect/theme.js +4 -0
  363. package/dist/components/MultiSelect/theme.js.map +1 -0
  364. package/dist/components/MultiSelect/types.d.ts +214 -0
  365. package/dist/components/MultiSelect/types.js +2 -0
  366. package/dist/components/MultiSelect/types.js.map +1 -0
  367. package/dist/components/Nav/index.d.ts +7 -0
  368. package/dist/components/Nav/index.js +3 -0
  369. package/dist/components/Nav/index.js.map +1 -0
  370. package/dist/components/Notifications/NotificationItem.d.ts +3 -0
  371. package/dist/components/Notifications/NotificationItem.js +38 -0
  372. package/dist/components/Notifications/NotificationItem.js.map +1 -0
  373. package/dist/components/Notifications/Notifications.d.ts +3 -0
  374. package/dist/components/Notifications/Notifications.js +30 -0
  375. package/dist/components/Notifications/Notifications.js.map +1 -0
  376. package/dist/components/Notifications/Notifications.test.d.ts +1 -0
  377. package/dist/components/Notifications/Notifications.test.js +332 -0
  378. package/dist/components/Notifications/Notifications.test.js.map +1 -0
  379. package/dist/components/Notifications/constants.d.ts +5 -0
  380. package/dist/components/Notifications/constants.js +7 -0
  381. package/dist/components/Notifications/constants.js.map +1 -0
  382. package/dist/components/Notifications/index.d.ts +1 -0
  383. package/dist/components/Notifications/index.js +2 -0
  384. package/dist/components/Notifications/index.js.map +1 -0
  385. package/dist/components/Notifications/theme.d.ts +7 -0
  386. package/dist/components/Notifications/theme.js +10 -0
  387. package/dist/components/Notifications/theme.js.map +1 -0
  388. package/dist/components/Notifications/types.d.ts +55 -0
  389. package/dist/components/Notifications/types.js +2 -0
  390. package/dist/components/Notifications/types.js.map +1 -0
  391. package/dist/components/NumericRange/handlers.d.ts +11 -0
  392. package/dist/components/NumericRange/handlers.js +30 -0
  393. package/dist/components/NumericRange/handlers.js.map +1 -0
  394. package/dist/components/NumericRange/helpers.d.ts +6 -0
  395. package/dist/components/NumericRange/helpers.js +38 -0
  396. package/dist/components/NumericRange/helpers.js.map +1 -0
  397. package/dist/components/NumericRange/index.d.ts +3 -0
  398. package/dist/components/NumericRange/index.js +54 -0
  399. package/dist/components/NumericRange/index.js.map +1 -0
  400. package/dist/components/NumericRange/theme.d.ts +28 -0
  401. package/dist/components/NumericRange/theme.js +10 -0
  402. package/dist/components/NumericRange/theme.js.map +1 -0
  403. package/dist/components/NumericRange/types.d.ts +66 -0
  404. package/dist/components/NumericRange/types.js +2 -0
  405. package/dist/components/NumericRange/types.js.map +1 -0
  406. package/dist/components/NumericTextBox/NumericTextBox.test.d.ts +1 -0
  407. package/dist/components/NumericTextBox/NumericTextBox.test.js +269 -0
  408. package/dist/components/NumericTextBox/NumericTextBox.test.js.map +1 -0
  409. package/dist/components/NumericTextBox/constants.d.ts +4 -0
  410. package/dist/components/NumericTextBox/constants.js +5 -0
  411. package/dist/components/NumericTextBox/constants.js.map +1 -0
  412. package/dist/components/NumericTextBox/handlers.d.ts +16 -0
  413. package/dist/components/NumericTextBox/handlers.js +148 -0
  414. package/dist/components/NumericTextBox/handlers.js.map +1 -0
  415. package/dist/components/NumericTextBox/helpers.d.ts +9 -0
  416. package/dist/components/NumericTextBox/helpers.js +154 -0
  417. package/dist/components/NumericTextBox/helpers.js.map +1 -0
  418. package/dist/components/NumericTextBox/hooks.d.ts +4 -0
  419. package/dist/components/NumericTextBox/hooks.js +29 -0
  420. package/dist/components/NumericTextBox/hooks.js.map +1 -0
  421. package/dist/components/NumericTextBox/index.d.ts +3 -0
  422. package/dist/components/NumericTextBox/index.js +59 -0
  423. package/dist/components/NumericTextBox/index.js.map +1 -0
  424. package/dist/components/NumericTextBox/theme.d.ts +12 -0
  425. package/dist/components/NumericTextBox/theme.js +15 -0
  426. package/dist/components/NumericTextBox/theme.js.map +1 -0
  427. package/dist/components/NumericTextBox/types.d.ts +166 -0
  428. package/dist/components/NumericTextBox/types.js +2 -0
  429. package/dist/components/NumericTextBox/types.js.map +1 -0
  430. package/dist/components/Ol/index.d.ts +7 -0
  431. package/dist/components/Ol/index.js +3 -0
  432. package/dist/components/Ol/index.js.map +1 -0
  433. package/dist/components/Pagination/PagesDropDown.d.ts +3 -0
  434. package/dist/components/Pagination/PagesDropDown.js +15 -0
  435. package/dist/components/Pagination/PagesDropDown.js.map +1 -0
  436. package/dist/components/Pagination/PagesList.d.ts +3 -0
  437. package/dist/components/Pagination/PagesList.js +17 -0
  438. package/dist/components/Pagination/PagesList.js.map +1 -0
  439. package/dist/components/Pagination/PaginationControl.d.ts +6 -0
  440. package/dist/components/Pagination/PaginationControl.js +18 -0
  441. package/dist/components/Pagination/PaginationControl.js.map +1 -0
  442. package/dist/components/Pagination/PaginationInfo.d.ts +3 -0
  443. package/dist/components/Pagination/PaginationInfo.js +7 -0
  444. package/dist/components/Pagination/PaginationInfo.js.map +1 -0
  445. package/dist/components/Pagination/PaginationRangeInfo.d.ts +3 -0
  446. package/dist/components/Pagination/PaginationRangeInfo.js +5 -0
  447. package/dist/components/Pagination/PaginationRangeInfo.js.map +1 -0
  448. package/dist/components/Pagination/PaginationTotalInfo.d.ts +3 -0
  449. package/dist/components/Pagination/PaginationTotalInfo.js +5 -0
  450. package/dist/components/Pagination/PaginationTotalInfo.js.map +1 -0
  451. package/dist/components/Pagination/handlers.d.ts +4 -0
  452. package/dist/components/Pagination/handlers.js +28 -0
  453. package/dist/components/Pagination/handlers.js.map +1 -0
  454. package/dist/components/Pagination/helpers.d.ts +2 -0
  455. package/dist/components/Pagination/helpers.js +34 -0
  456. package/dist/components/Pagination/helpers.js.map +1 -0
  457. package/dist/components/Pagination/hooks.d.ts +2 -0
  458. package/dist/components/Pagination/hooks.js +23 -0
  459. package/dist/components/Pagination/hooks.js.map +1 -0
  460. package/dist/components/Pagination/index.d.ts +3 -0
  461. package/dist/components/Pagination/index.js +53 -0
  462. package/dist/components/Pagination/index.js.map +1 -0
  463. package/dist/components/Pagination/messages.d.ts +2 -0
  464. package/dist/components/Pagination/messages.js +12 -0
  465. package/dist/components/Pagination/messages.js.map +1 -0
  466. package/dist/components/Pagination/theme.d.ts +20 -0
  467. package/dist/components/Pagination/theme.js +23 -0
  468. package/dist/components/Pagination/theme.js.map +1 -0
  469. package/dist/components/Pagination/types.d.ts +114 -0
  470. package/dist/components/Pagination/types.js +2 -0
  471. package/dist/components/Pagination/types.js.map +1 -0
  472. package/dist/components/Paragraph/index.d.ts +7 -0
  473. package/dist/components/Paragraph/index.js +3 -0
  474. package/dist/components/Paragraph/index.js.map +1 -0
  475. package/dist/components/Password/PasswordRulesMessage.d.ts +2 -0
  476. package/dist/components/Password/PasswordRulesMessage.js +12 -0
  477. package/dist/components/Password/PasswordRulesMessage.js.map +1 -0
  478. package/dist/components/Password/PasswordVisibilityIcon.d.ts +2 -0
  479. package/dist/components/Password/PasswordVisibilityIcon.js +7 -0
  480. package/dist/components/Password/PasswordVisibilityIcon.js.map +1 -0
  481. package/dist/components/Password/constants.d.ts +1 -0
  482. package/dist/components/Password/constants.js +2 -0
  483. package/dist/components/Password/constants.js.map +1 -0
  484. package/dist/components/Password/handlers.d.ts +9 -0
  485. package/dist/components/Password/handlers.js +71 -0
  486. package/dist/components/Password/handlers.js.map +1 -0
  487. package/dist/components/Password/helpers.d.ts +6 -0
  488. package/dist/components/Password/helpers.js +28 -0
  489. package/dist/components/Password/helpers.js.map +1 -0
  490. package/dist/components/Password/index.d.ts +3 -0
  491. package/dist/components/Password/index.js +65 -0
  492. package/dist/components/Password/index.js.map +1 -0
  493. package/dist/components/Password/theme.d.ts +14 -0
  494. package/dist/components/Password/theme.js +17 -0
  495. package/dist/components/Password/theme.js.map +1 -0
  496. package/dist/components/Password/types.d.ts +115 -0
  497. package/dist/components/Password/types.js +2 -0
  498. package/dist/components/Password/types.js.map +1 -0
  499. package/dist/components/ProgressBar/index.d.ts +3 -0
  500. package/dist/components/ProgressBar/index.js +30 -0
  501. package/dist/components/ProgressBar/index.js.map +1 -0
  502. package/dist/components/ProgressBar/theme.d.ts +5 -0
  503. package/dist/components/ProgressBar/theme.js +8 -0
  504. package/dist/components/ProgressBar/theme.js.map +1 -0
  505. package/dist/components/ProgressBar/types.d.ts +21 -0
  506. package/dist/components/ProgressBar/types.js +2 -0
  507. package/dist/components/ProgressBar/types.js.map +1 -0
  508. package/dist/components/Radio/RadioButton.d.ts +3 -0
  509. package/dist/components/Radio/RadioButton.js +33 -0
  510. package/dist/components/Radio/RadioButton.js.map +1 -0
  511. package/dist/components/Radio/RadioGroup.d.ts +3 -0
  512. package/dist/components/Radio/RadioGroup.js +45 -0
  513. package/dist/components/Radio/RadioGroup.js.map +1 -0
  514. package/dist/components/Radio/handlers.d.ts +3 -0
  515. package/dist/components/Radio/handlers.js +11 -0
  516. package/dist/components/Radio/handlers.js.map +1 -0
  517. package/dist/components/Radio/index.d.ts +2 -0
  518. package/dist/components/Radio/index.js +3 -0
  519. package/dist/components/Radio/index.js.map +1 -0
  520. package/dist/components/Radio/theme.d.ts +6 -0
  521. package/dist/components/Radio/theme.js +9 -0
  522. package/dist/components/Radio/theme.js.map +1 -0
  523. package/dist/components/Radio/types.d.ts +65 -0
  524. package/dist/components/Radio/types.js +2 -0
  525. package/dist/components/Radio/types.js.map +1 -0
  526. package/dist/components/Rating/handlers.d.ts +9 -0
  527. package/dist/components/Rating/handlers.js +42 -0
  528. package/dist/components/Rating/handlers.js.map +1 -0
  529. package/dist/components/Rating/helpers.d.ts +2 -0
  530. package/dist/components/Rating/helpers.js +11 -0
  531. package/dist/components/Rating/helpers.js.map +1 -0
  532. package/dist/components/Rating/index.d.ts +3 -0
  533. package/dist/components/Rating/index.js +63 -0
  534. package/dist/components/Rating/index.js.map +1 -0
  535. package/dist/components/Rating/theme.d.ts +8 -0
  536. package/dist/components/Rating/theme.js +10 -0
  537. package/dist/components/Rating/theme.js.map +1 -0
  538. package/dist/components/Rating/types.d.ts +54 -0
  539. package/dist/components/Rating/types.js +2 -0
  540. package/dist/components/Rating/types.js.map +1 -0
  541. package/dist/components/Section/index.d.ts +7 -0
  542. package/dist/components/Section/index.js +3 -0
  543. package/dist/components/Section/index.js.map +1 -0
  544. package/dist/components/Small/index.d.ts +7 -0
  545. package/dist/components/Small/index.js +3 -0
  546. package/dist/components/Small/index.js.map +1 -0
  547. package/dist/components/Span/index.d.ts +7 -0
  548. package/dist/components/Span/index.js +3 -0
  549. package/dist/components/Span/index.js.map +1 -0
  550. package/dist/components/Svg/helpers.d.ts +5 -0
  551. package/dist/components/Svg/helpers.js +13 -0
  552. package/dist/components/Svg/helpers.js.map +1 -0
  553. package/dist/components/Svg/index.d.ts +3 -0
  554. package/dist/components/Svg/index.js +25 -0
  555. package/dist/components/Svg/index.js.map +1 -0
  556. package/dist/components/Svg/types.d.ts +11 -0
  557. package/dist/components/Svg/types.js +2 -0
  558. package/dist/components/Svg/types.js.map +1 -0
  559. package/dist/components/Switcher/handlers.d.ts +3 -0
  560. package/dist/components/Switcher/handlers.js +23 -0
  561. package/dist/components/Switcher/handlers.js.map +1 -0
  562. package/dist/components/Switcher/hooks.d.ts +2 -0
  563. package/dist/components/Switcher/hooks.js +21 -0
  564. package/dist/components/Switcher/hooks.js.map +1 -0
  565. package/dist/components/Switcher/index.d.ts +3 -0
  566. package/dist/components/Switcher/index.js +40 -0
  567. package/dist/components/Switcher/index.js.map +1 -0
  568. package/dist/components/Switcher/theme.d.ts +8 -0
  569. package/dist/components/Switcher/theme.js +11 -0
  570. package/dist/components/Switcher/theme.js.map +1 -0
  571. package/dist/components/Switcher/types.d.ts +65 -0
  572. package/dist/components/Switcher/types.js +2 -0
  573. package/dist/components/Switcher/types.js.map +1 -0
  574. package/dist/components/Table/Col.d.ts +3 -0
  575. package/dist/components/Table/Col.js +3 -0
  576. package/dist/components/Table/Col.js.map +1 -0
  577. package/dist/components/Table/ColGroup.d.ts +3 -0
  578. package/dist/components/Table/ColGroup.js +3 -0
  579. package/dist/components/Table/ColGroup.js.map +1 -0
  580. package/dist/components/Table/TBody.d.ts +3 -0
  581. package/dist/components/Table/TBody.js +3 -0
  582. package/dist/components/Table/TBody.js.map +1 -0
  583. package/dist/components/Table/TFoot.d.ts +3 -0
  584. package/dist/components/Table/TFoot.js +3 -0
  585. package/dist/components/Table/TFoot.js.map +1 -0
  586. package/dist/components/Table/THead.d.ts +3 -0
  587. package/dist/components/Table/THead.js +3 -0
  588. package/dist/components/Table/THead.js.map +1 -0
  589. package/dist/components/Table/Table.d.ts +3 -0
  590. package/dist/components/Table/Table.js +3 -0
  591. package/dist/components/Table/Table.js.map +1 -0
  592. package/dist/components/Table/Td.d.ts +3 -0
  593. package/dist/components/Table/Td.js +3 -0
  594. package/dist/components/Table/Td.js.map +1 -0
  595. package/dist/components/Table/Th.d.ts +3 -0
  596. package/dist/components/Table/Th.js +3 -0
  597. package/dist/components/Table/Th.js.map +1 -0
  598. package/dist/components/Table/Tr.d.ts +3 -0
  599. package/dist/components/Table/Tr.js +3 -0
  600. package/dist/components/Table/Tr.js.map +1 -0
  601. package/dist/components/Table/index.d.ts +9 -0
  602. package/dist/components/Table/index.js +10 -0
  603. package/dist/components/Table/index.js.map +1 -0
  604. package/dist/components/Table/types.d.ts +55 -0
  605. package/dist/components/Table/types.js +2 -0
  606. package/dist/components/Table/types.js.map +1 -0
  607. package/dist/components/Tabs/ContentElement.d.ts +3 -0
  608. package/dist/components/Tabs/ContentElement.js +24 -0
  609. package/dist/components/Tabs/ContentElement.js.map +1 -0
  610. package/dist/components/Tabs/ScrollArrows.d.ts +3 -0
  611. package/dist/components/Tabs/ScrollArrows.js +6 -0
  612. package/dist/components/Tabs/ScrollArrows.js.map +1 -0
  613. package/dist/components/Tabs/Tab.d.ts +3 -0
  614. package/dist/components/Tabs/Tab.js +24 -0
  615. package/dist/components/Tabs/Tab.js.map +1 -0
  616. package/dist/components/Tabs/TabContent.d.ts +3 -0
  617. package/dist/components/Tabs/TabContent.js +13 -0
  618. package/dist/components/Tabs/TabContent.js.map +1 -0
  619. package/dist/components/Tabs/Tabs.d.ts +3 -0
  620. package/dist/components/Tabs/Tabs.js +41 -0
  621. package/dist/components/Tabs/Tabs.js.map +1 -0
  622. package/dist/components/Tabs/TabsContext.d.ts +3 -0
  623. package/dist/components/Tabs/TabsContext.js +9 -0
  624. package/dist/components/Tabs/TabsContext.js.map +1 -0
  625. package/dist/components/Tabs/handlers.d.ts +2 -0
  626. package/dist/components/Tabs/handlers.js +15 -0
  627. package/dist/components/Tabs/handlers.js.map +1 -0
  628. package/dist/components/Tabs/helpers.d.ts +0 -0
  629. package/dist/components/Tabs/helpers.js +2 -0
  630. package/dist/components/Tabs/helpers.js.map +1 -0
  631. package/dist/components/Tabs/hooks.d.ts +5 -0
  632. package/dist/components/Tabs/hooks.js +88 -0
  633. package/dist/components/Tabs/hooks.js.map +1 -0
  634. package/dist/components/Tabs/index.d.ts +2 -0
  635. package/dist/components/Tabs/index.js +3 -0
  636. package/dist/components/Tabs/index.js.map +1 -0
  637. package/dist/components/Tabs/theme.d.ts +12 -0
  638. package/dist/components/Tabs/theme.js +15 -0
  639. package/dist/components/Tabs/theme.js.map +1 -0
  640. package/dist/components/Tabs/types.d.ts +110 -0
  641. package/dist/components/Tabs/types.js +2 -0
  642. package/dist/components/Tabs/types.js.map +1 -0
  643. package/dist/components/Tags/Tag.d.ts +3 -0
  644. package/dist/components/Tags/Tag.js +30 -0
  645. package/dist/components/Tags/Tag.js.map +1 -0
  646. package/dist/components/Tags/Tags.d.ts +3 -0
  647. package/dist/components/Tags/Tags.js +33 -0
  648. package/dist/components/Tags/Tags.js.map +1 -0
  649. package/dist/components/Tags/index.d.ts +2 -0
  650. package/dist/components/Tags/index.js +3 -0
  651. package/dist/components/Tags/index.js.map +1 -0
  652. package/dist/components/Tags/theme.d.ts +5 -0
  653. package/dist/components/Tags/theme.js +8 -0
  654. package/dist/components/Tags/theme.js.map +1 -0
  655. package/dist/components/Tags/types.d.ts +37 -0
  656. package/dist/components/Tags/types.js +2 -0
  657. package/dist/components/Tags/types.js.map +1 -0
  658. package/dist/components/Textarea/handlers.d.ts +12 -0
  659. package/dist/components/Textarea/handlers.js +64 -0
  660. package/dist/components/Textarea/handlers.js.map +1 -0
  661. package/dist/components/Textarea/helpers.d.ts +1 -0
  662. package/dist/components/Textarea/helpers.js +11 -0
  663. package/dist/components/Textarea/helpers.js.map +1 -0
  664. package/dist/components/Textarea/hooks.d.ts +2 -0
  665. package/dist/components/Textarea/hooks.js +14 -0
  666. package/dist/components/Textarea/hooks.js.map +1 -0
  667. package/dist/components/Textarea/index.d.ts +3 -0
  668. package/dist/components/Textarea/index.js +44 -0
  669. package/dist/components/Textarea/index.js.map +1 -0
  670. package/dist/components/Textarea/theme.d.ts +8 -0
  671. package/dist/components/Textarea/theme.js +11 -0
  672. package/dist/components/Textarea/theme.js.map +1 -0
  673. package/dist/components/Textarea/types.d.ts +73 -0
  674. package/dist/components/Textarea/types.js +2 -0
  675. package/dist/components/Textarea/types.js.map +1 -0
  676. package/dist/components/TimePicker/index.d.ts +3 -0
  677. package/dist/components/TimePicker/index.js +8 -0
  678. package/dist/components/TimePicker/index.js.map +1 -0
  679. package/dist/components/TimePicker/types.d.ts +34 -0
  680. package/dist/components/TimePicker/types.js +2 -0
  681. package/dist/components/TimePicker/types.js.map +1 -0
  682. package/dist/components/TimeRange/index.d.ts +3 -0
  683. package/dist/components/TimeRange/index.js +8 -0
  684. package/dist/components/TimeRange/index.js.map +1 -0
  685. package/dist/components/TimeRange/types.d.ts +35 -0
  686. package/dist/components/TimeRange/types.js +2 -0
  687. package/dist/components/TimeRange/types.js.map +1 -0
  688. package/dist/components/Tooltip/Tooltip.test.d.ts +1 -0
  689. package/dist/components/Tooltip/Tooltip.test.js +59 -0
  690. package/dist/components/Tooltip/Tooltip.test.js.map +1 -0
  691. package/dist/components/Tooltip/TooltipBody.d.ts +3 -0
  692. package/dist/components/Tooltip/TooltipBody.js +10 -0
  693. package/dist/components/Tooltip/TooltipBody.js.map +1 -0
  694. package/dist/components/Tooltip/constants.d.ts +3 -0
  695. package/dist/components/Tooltip/constants.js +4 -0
  696. package/dist/components/Tooltip/constants.js.map +1 -0
  697. package/dist/components/Tooltip/helpers.d.ts +3 -0
  698. package/dist/components/Tooltip/helpers.js +54 -0
  699. package/dist/components/Tooltip/helpers.js.map +1 -0
  700. package/dist/components/Tooltip/hooks.d.ts +2 -0
  701. package/dist/components/Tooltip/hooks.js +122 -0
  702. package/dist/components/Tooltip/hooks.js.map +1 -0
  703. package/dist/components/Tooltip/index.d.ts +3 -0
  704. package/dist/components/Tooltip/index.js +34 -0
  705. package/dist/components/Tooltip/index.js.map +1 -0
  706. package/dist/components/Tooltip/theme.d.ts +8 -0
  707. package/dist/components/Tooltip/theme.js +11 -0
  708. package/dist/components/Tooltip/theme.js.map +1 -0
  709. package/dist/components/Tooltip/types.d.ts +66 -0
  710. package/dist/components/Tooltip/types.js +2 -0
  711. package/dist/components/Tooltip/types.js.map +1 -0
  712. package/dist/components/Tour/Tour.d.ts +6 -0
  713. package/dist/components/Tour/Tour.js +106 -0
  714. package/dist/components/Tour/Tour.js.map +1 -0
  715. package/dist/components/Tour/helpers.d.ts +3 -0
  716. package/dist/components/Tour/helpers.js +78 -0
  717. package/dist/components/Tour/helpers.js.map +1 -0
  718. package/dist/components/Tour/index.d.ts +1 -0
  719. package/dist/components/Tour/index.js +2 -0
  720. package/dist/components/Tour/index.js.map +1 -0
  721. package/dist/components/Tour/types.d.ts +37 -0
  722. package/dist/components/Tour/types.js +2 -0
  723. package/dist/components/Tour/types.js.map +1 -0
  724. package/dist/components/Ul/index.d.ts +7 -0
  725. package/dist/components/Ul/index.js +3 -0
  726. package/dist/components/Ul/index.js.map +1 -0
  727. package/dist/components/Validation/InvalidMessage.d.ts +3 -0
  728. package/dist/components/Validation/InvalidMessage.js +5 -0
  729. package/dist/components/Validation/InvalidMessage.js.map +1 -0
  730. package/dist/components/Validation/helpers.d.ts +13 -0
  731. package/dist/components/Validation/helpers.js +312 -0
  732. package/dist/components/Validation/helpers.js.map +1 -0
  733. package/dist/components/Validation/index.d.ts +2 -0
  734. package/dist/components/Validation/index.js +10 -0
  735. package/dist/components/Validation/index.js.map +1 -0
  736. package/dist/components/Validation/predefinedValidators.d.ts +2 -0
  737. package/dist/components/Validation/predefinedValidators.js +58 -0
  738. package/dist/components/Validation/predefinedValidators.js.map +1 -0
  739. package/dist/components/Validation/theme.d.ts +4 -0
  740. package/dist/components/Validation/theme.js +7 -0
  741. package/dist/components/Validation/theme.js.map +1 -0
  742. package/dist/components/Validation/types.d.ts +106 -0
  743. package/dist/components/Validation/types.js +2 -0
  744. package/dist/components/Validation/types.js.map +1 -0
  745. package/dist/components/Validation/useValidation.d.ts +2 -0
  746. package/dist/components/Validation/useValidation.js +79 -0
  747. package/dist/components/Validation/useValidation.js.map +1 -0
  748. package/dist/constants.d.ts +51 -0
  749. package/dist/constants.js +52 -0
  750. package/dist/constants.js.map +1 -0
  751. package/dist/form/form.d.ts +6 -0
  752. package/dist/form/form.js +108 -0
  753. package/dist/form/form.js.map +1 -0
  754. package/dist/form/form.test.d.ts +1 -0
  755. package/dist/form/form.test.js +227 -0
  756. package/dist/form/form.test.js.map +1 -0
  757. package/dist/form/helpers.d.ts +8 -0
  758. package/dist/form/helpers.js +69 -0
  759. package/dist/form/helpers.js.map +1 -0
  760. package/dist/form/index.d.ts +2 -0
  761. package/dist/form/index.js +3 -0
  762. package/dist/form/index.js.map +1 -0
  763. package/dist/form/types.d.ts +27 -0
  764. package/dist/form/types.js +2 -0
  765. package/dist/form/types.js.map +1 -0
  766. package/dist/index.d.ts +111 -0
  767. package/dist/index.js +113 -0
  768. package/dist/index.js.map +1 -0
  769. package/dist/src/CalendarBase/CalendarBase.d.ts +3 -0
  770. package/dist/src/CalendarBase/CalendarBase.js +30 -0
  771. package/dist/src/CalendarBase/CalendarBase.js.map +1 -0
  772. package/dist/src/CalendarBase/CalendarHeader.d.ts +3 -0
  773. package/dist/src/CalendarBase/CalendarHeader.js +29 -0
  774. package/dist/src/CalendarBase/CalendarHeader.js.map +1 -0
  775. package/dist/src/CalendarBase/DateCell.d.ts +3 -0
  776. package/dist/src/CalendarBase/DateCell.js +28 -0
  777. package/dist/src/CalendarBase/DateCell.js.map +1 -0
  778. package/dist/src/CalendarBase/DateView.d.ts +3 -0
  779. package/dist/src/CalendarBase/DateView.js +38 -0
  780. package/dist/src/CalendarBase/DateView.js.map +1 -0
  781. package/dist/src/CalendarBase/MonthView.d.ts +3 -0
  782. package/dist/src/CalendarBase/MonthView.js +36 -0
  783. package/dist/src/CalendarBase/MonthView.js.map +1 -0
  784. package/dist/src/CalendarBase/TodayButton.d.ts +3 -0
  785. package/dist/src/CalendarBase/TodayButton.js +13 -0
  786. package/dist/src/CalendarBase/TodayButton.js.map +1 -0
  787. package/dist/src/CalendarBase/YearView.d.ts +3 -0
  788. package/dist/src/CalendarBase/YearView.js +31 -0
  789. package/dist/src/CalendarBase/YearView.js.map +1 -0
  790. package/dist/src/CalendarBase/constants.d.ts +23 -0
  791. package/dist/src/CalendarBase/constants.js +24 -0
  792. package/dist/src/CalendarBase/constants.js.map +1 -0
  793. package/dist/src/CalendarBase/helpers.d.ts +23 -0
  794. package/dist/src/CalendarBase/helpers.js +197 -0
  795. package/dist/src/CalendarBase/helpers.js.map +1 -0
  796. package/dist/src/CalendarBase/hooks.d.ts +2 -0
  797. package/dist/src/CalendarBase/hooks.js +25 -0
  798. package/dist/src/CalendarBase/hooks.js.map +1 -0
  799. package/dist/src/CalendarBase/index.d.ts +1 -0
  800. package/dist/src/CalendarBase/index.js +2 -0
  801. package/dist/src/CalendarBase/index.js.map +1 -0
  802. package/dist/src/CalendarBase/messages.d.ts +8 -0
  803. package/dist/src/CalendarBase/messages.js +50 -0
  804. package/dist/src/CalendarBase/messages.js.map +1 -0
  805. package/dist/src/CalendarBase/theme.d.ts +39 -0
  806. package/dist/src/CalendarBase/theme.js +42 -0
  807. package/dist/src/CalendarBase/theme.js.map +1 -0
  808. package/dist/src/CalendarBase/types.d.ts +145 -0
  809. package/dist/src/CalendarBase/types.js +2 -0
  810. package/dist/src/CalendarBase/types.js.map +1 -0
  811. package/dist/src/DateTimeInput/DateTimeInput.d.ts +3 -0
  812. package/dist/src/DateTimeInput/DateTimeInput.js +79 -0
  813. package/dist/src/DateTimeInput/DateTimeInput.js.map +1 -0
  814. package/dist/src/DateTimeInput/actions.d.ts +17 -0
  815. package/dist/src/DateTimeInput/actions.js +33 -0
  816. package/dist/src/DateTimeInput/actions.js.map +1 -0
  817. package/dist/src/DateTimeInput/constants.d.ts +22 -0
  818. package/dist/src/DateTimeInput/constants.js +23 -0
  819. package/dist/src/DateTimeInput/constants.js.map +1 -0
  820. package/dist/src/DateTimeInput/handlers/handleBlur.d.ts +3 -0
  821. package/dist/src/DateTimeInput/handlers/handleBlur.js +49 -0
  822. package/dist/src/DateTimeInput/handlers/handleBlur.js.map +1 -0
  823. package/dist/src/DateTimeInput/handlers/handleCalendarClick.d.ts +14 -0
  824. package/dist/src/DateTimeInput/handlers/handleCalendarClick.js +233 -0
  825. package/dist/src/DateTimeInput/handlers/handleCalendarClick.js.map +1 -0
  826. package/dist/src/DateTimeInput/handlers/handleChange.d.ts +3 -0
  827. package/dist/src/DateTimeInput/handlers/handleChange.js +28 -0
  828. package/dist/src/DateTimeInput/handlers/handleChange.js.map +1 -0
  829. package/dist/src/DateTimeInput/handlers/handleErrors.d.ts +2 -0
  830. package/dist/src/DateTimeInput/handlers/handleErrors.js +101 -0
  831. package/dist/src/DateTimeInput/handlers/handleErrors.js.map +1 -0
  832. package/dist/src/DateTimeInput/handlers/handleFocus.d.ts +3 -0
  833. package/dist/src/DateTimeInput/handlers/handleFocus.js +15 -0
  834. package/dist/src/DateTimeInput/handlers/handleFocus.js.map +1 -0
  835. package/dist/src/DateTimeInput/handlers/handleKeyDown.d.ts +3 -0
  836. package/dist/src/DateTimeInput/handlers/handleKeyDown.js +320 -0
  837. package/dist/src/DateTimeInput/handlers/handleKeyDown.js.map +1 -0
  838. package/dist/src/DateTimeInput/handlers/handleMouseDown.d.ts +4 -0
  839. package/dist/src/DateTimeInput/handlers/handleMouseDown.js +26 -0
  840. package/dist/src/DateTimeInput/handlers/handleMouseDown.js.map +1 -0
  841. package/dist/src/DateTimeInput/handlers/handleReset.d.ts +6 -0
  842. package/dist/src/DateTimeInput/handlers/handleReset.js +18 -0
  843. package/dist/src/DateTimeInput/handlers/handleReset.js.map +1 -0
  844. package/dist/src/DateTimeInput/handlers/index.d.ts +8 -0
  845. package/dist/src/DateTimeInput/handlers/index.js +9 -0
  846. package/dist/src/DateTimeInput/handlers/index.js.map +1 -0
  847. package/dist/src/DateTimeInput/helpers.d.ts +27 -0
  848. package/dist/src/DateTimeInput/helpers.js +128 -0
  849. package/dist/src/DateTimeInput/helpers.js.map +1 -0
  850. package/dist/src/DateTimeInput/hooks.d.ts +5 -0
  851. package/dist/src/DateTimeInput/hooks.js +76 -0
  852. package/dist/src/DateTimeInput/hooks.js.map +1 -0
  853. package/dist/src/DateTimeInput/index.d.ts +1 -0
  854. package/dist/src/DateTimeInput/index.js +2 -0
  855. package/dist/src/DateTimeInput/index.js.map +1 -0
  856. package/dist/src/DateTimeInput/reducer.d.ts +2 -0
  857. package/dist/src/DateTimeInput/reducer.js +26 -0
  858. package/dist/src/DateTimeInput/reducer.js.map +1 -0
  859. package/dist/src/DateTimeInput/theme.d.ts +49 -0
  860. package/dist/src/DateTimeInput/theme.js +15 -0
  861. package/dist/src/DateTimeInput/theme.js.map +1 -0
  862. package/dist/src/DateTimeInput/types.d.ts +304 -0
  863. package/dist/src/DateTimeInput/types.js +2 -0
  864. package/dist/src/DateTimeInput/types.js.map +1 -0
  865. package/dist/src/DateTimeInputRange/handlers.d.ts +6 -0
  866. package/dist/src/DateTimeInputRange/handlers.js +73 -0
  867. package/dist/src/DateTimeInputRange/handlers.js.map +1 -0
  868. package/dist/src/DateTimeInputRange/helpers.d.ts +9 -0
  869. package/dist/src/DateTimeInputRange/helpers.js +57 -0
  870. package/dist/src/DateTimeInputRange/helpers.js.map +1 -0
  871. package/dist/src/DateTimeInputRange/hooks.d.ts +3 -0
  872. package/dist/src/DateTimeInputRange/hooks.js +37 -0
  873. package/dist/src/DateTimeInputRange/hooks.js.map +1 -0
  874. package/dist/src/DateTimeInputRange/index.d.ts +3 -0
  875. package/dist/src/DateTimeInputRange/index.js +48 -0
  876. package/dist/src/DateTimeInputRange/index.js.map +1 -0
  877. package/dist/src/DateTimeInputRange/theme.d.ts +102 -0
  878. package/dist/src/DateTimeInputRange/theme.js +10 -0
  879. package/dist/src/DateTimeInputRange/theme.js.map +1 -0
  880. package/dist/src/DateTimeInputRange/types.d.ts +80 -0
  881. package/dist/src/DateTimeInputRange/types.js +2 -0
  882. package/dist/src/DateTimeInputRange/types.js.map +1 -0
  883. package/dist/src/HTMLTagsFactory/index.d.ts +2 -0
  884. package/dist/src/HTMLTagsFactory/index.js +27 -0
  885. package/dist/src/HTMLTagsFactory/index.js.map +1 -0
  886. package/dist/src/MaskedInputBase/constants.d.ts +9 -0
  887. package/dist/src/MaskedInputBase/constants.js +38 -0
  888. package/dist/src/MaskedInputBase/constants.js.map +1 -0
  889. package/dist/src/MaskedInputBase/handlers.d.ts +7 -0
  890. package/dist/src/MaskedInputBase/handlers.js +164 -0
  891. package/dist/src/MaskedInputBase/handlers.js.map +1 -0
  892. package/dist/src/MaskedInputBase/helpers.d.ts +32 -0
  893. package/dist/src/MaskedInputBase/helpers.js +201 -0
  894. package/dist/src/MaskedInputBase/helpers.js.map +1 -0
  895. package/dist/src/MaskedInputBase/index.d.ts +3 -0
  896. package/dist/src/MaskedInputBase/index.js +82 -0
  897. package/dist/src/MaskedInputBase/index.js.map +1 -0
  898. package/dist/src/MaskedInputBase/types.d.ts +101 -0
  899. package/dist/src/MaskedInputBase/types.js +2 -0
  900. package/dist/src/MaskedInputBase/types.js.map +1 -0
  901. package/dist/src/SuggestionList/NoSuggestions.d.ts +3 -0
  902. package/dist/src/SuggestionList/NoSuggestions.js +4 -0
  903. package/dist/src/SuggestionList/NoSuggestions.js.map +1 -0
  904. package/dist/src/SuggestionList/SuggestionItem.d.ts +6 -0
  905. package/dist/src/SuggestionList/SuggestionItem.js +25 -0
  906. package/dist/src/SuggestionList/SuggestionItem.js.map +1 -0
  907. package/dist/src/SuggestionList/SuggestionList.d.ts +6 -0
  908. package/dist/src/SuggestionList/SuggestionList.js +126 -0
  909. package/dist/src/SuggestionList/SuggestionList.js.map +1 -0
  910. package/dist/src/SuggestionList/handlers.d.ts +4 -0
  911. package/dist/src/SuggestionList/handlers.js +8 -0
  912. package/dist/src/SuggestionList/handlers.js.map +1 -0
  913. package/dist/src/SuggestionList/helpers.d.ts +6 -0
  914. package/dist/src/SuggestionList/helpers.js +79 -0
  915. package/dist/src/SuggestionList/helpers.js.map +1 -0
  916. package/dist/src/SuggestionList/index.d.ts +2 -0
  917. package/dist/src/SuggestionList/index.js +3 -0
  918. package/dist/src/SuggestionList/index.js.map +1 -0
  919. package/dist/src/SuggestionList/theme.d.ts +13 -0
  920. package/dist/src/SuggestionList/theme.js +14 -0
  921. package/dist/src/SuggestionList/theme.js.map +1 -0
  922. package/dist/src/SuggestionList/types.d.ts +90 -0
  923. package/dist/src/SuggestionList/types.js +2 -0
  924. package/dist/src/SuggestionList/types.js.map +1 -0
  925. package/dist/src/index.d.ts +5 -0
  926. package/dist/src/index.js +6 -0
  927. package/dist/src/index.js.map +1 -0
  928. package/dist/styles/leda.base.css +1 -0
  929. package/dist/utils/checkIsTheSameObject.d.ts +8 -0
  930. package/dist/utils/checkIsTheSameObject.js +17 -0
  931. package/dist/utils/checkIsTheSameObject.js.map +1 -0
  932. package/dist/utils/createComponentTheme.d.ts +1 -0
  933. package/dist/utils/createComponentTheme.js +3 -0
  934. package/dist/utils/createComponentTheme.js.map +1 -0
  935. package/dist/utils/dispatchEvent.d.ts +5 -0
  936. package/dist/utils/dispatchEvent.js +8 -0
  937. package/dist/utils/dispatchEvent.js.map +1 -0
  938. package/dist/utils/extractPropsFromWrapper.d.ts +2 -0
  939. package/dist/utils/extractPropsFromWrapper.js +17 -0
  940. package/dist/utils/extractPropsFromWrapper.js.map +1 -0
  941. package/dist/utils/fileSizeTransformers.d.ts +3 -0
  942. package/dist/utils/fileSizeTransformers.js +26 -0
  943. package/dist/utils/fileSizeTransformers.js.map +1 -0
  944. package/dist/utils/filterStrHelpers.d.ts +10 -0
  945. package/dist/utils/filterStrHelpers.js +77 -0
  946. package/dist/utils/filterStrHelpers.js.map +1 -0
  947. package/dist/utils/filterStrHelpers.test.d.ts +1 -0
  948. package/dist/utils/filterStrHelpers.test.js +137 -0
  949. package/dist/utils/filterStrHelpers.test.js.map +1 -0
  950. package/dist/utils/generateId.d.ts +1 -0
  951. package/dist/utils/generateId.js +2 -0
  952. package/dist/utils/generateId.js.map +1 -0
  953. package/dist/utils/getIsEmptyAndRequired.d.ts +2 -0
  954. package/dist/utils/getIsEmptyAndRequired.js +9 -0
  955. package/dist/utils/getIsEmptyAndRequired.js.map +1 -0
  956. package/dist/utils/getWordEnding.d.ts +15 -0
  957. package/dist/utils/getWordEnding.js +25 -0
  958. package/dist/utils/getWordEnding.js.map +1 -0
  959. package/dist/utils/guardsHelpers.d.ts +12 -0
  960. package/dist/utils/guardsHelpers.js +6 -0
  961. package/dist/utils/guardsHelpers.js.map +1 -0
  962. package/dist/utils/helpers.d.ts +7 -0
  963. package/dist/utils/helpers.js +63 -0
  964. package/dist/utils/helpers.js.map +1 -0
  965. package/dist/utils/iconsDictionary.d.ts +1 -0
  966. package/dist/utils/iconsDictionary.js +18 -0
  967. package/dist/utils/iconsDictionary.js.map +1 -0
  968. package/dist/utils/index.d.ts +24 -0
  969. package/dist/utils/index.js +25 -0
  970. package/dist/utils/index.js.map +1 -0
  971. package/dist/utils/isElementInViewport.d.ts +1 -0
  972. package/dist/utils/isElementInViewport.js +11 -0
  973. package/dist/utils/isElementInViewport.js.map +1 -0
  974. package/dist/utils/isSymbolAllowed.d.ts +9 -0
  975. package/dist/utils/isSymbolAllowed.js +19 -0
  976. package/dist/utils/isSymbolAllowed.js.map +1 -0
  977. package/dist/utils/isSymbolForbidden.d.ts +9 -0
  978. package/dist/utils/isSymbolForbidden.js +19 -0
  979. package/dist/utils/isSymbolForbidden.js.map +1 -0
  980. package/dist/utils/mergeClassNames.d.ts +3 -0
  981. package/dist/utils/mergeClassNames.js +28 -0
  982. package/dist/utils/mergeClassNames.js.map +1 -0
  983. package/dist/utils/mergeState.d.ts +1 -0
  984. package/dist/utils/mergeState.js +2 -0
  985. package/dist/utils/mergeState.js.map +1 -0
  986. package/dist/utils/recursiveReactChildrenMap.d.ts +6 -0
  987. package/dist/utils/recursiveReactChildrenMap.js +15 -0
  988. package/dist/utils/recursiveReactChildrenMap.js.map +1 -0
  989. package/dist/utils/scrollIntoView.d.ts +1 -0
  990. package/dist/utils/scrollIntoView.js +11 -0
  991. package/dist/utils/scrollIntoView.js.map +1 -0
  992. package/dist/utils/toStringOrEmpty.d.ts +1 -0
  993. package/dist/utils/toStringOrEmpty.js +9 -0
  994. package/dist/utils/toStringOrEmpty.js.map +1 -0
  995. package/dist/utils/underscorePropToClassName.d.ts +1 -0
  996. package/dist/utils/underscorePropToClassName.js +2 -0
  997. package/dist/utils/underscorePropToClassName.js.map +1 -0
  998. package/dist/utils/useAdaptivePosition.d.ts +14 -0
  999. package/dist/utils/useAdaptivePosition.js +72 -0
  1000. package/dist/utils/useAdaptivePosition.js.map +1 -0
  1001. package/dist/utils/useElement.d.ts +6 -0
  1002. package/dist/utils/useElement.js +30 -0
  1003. package/dist/utils/useElement.js.map +1 -0
  1004. package/dist/utils/useElementRef.d.ts +1 -0
  1005. package/dist/utils/useElementRef.js +11 -0
  1006. package/dist/utils/useElementRef.js.map +1 -0
  1007. package/dist/utils/useInterval.d.ts +1 -0
  1008. package/dist/utils/useInterval.js +19 -0
  1009. package/dist/utils/useInterval.js.map +1 -0
  1010. package/dist/utils/useMessages.d.ts +15 -0
  1011. package/dist/utils/useMessages.js +8 -0
  1012. package/dist/utils/useMessages.js.map +1 -0
  1013. package/dist/utils/usePops.d.ts +3 -0
  1014. package/dist/utils/usePops.js +4 -0
  1015. package/dist/utils/usePops.js.map +1 -0
  1016. package/dist/utils/useTheme.d.ts +461 -0
  1017. package/dist/utils/useTheme.js +7 -0
  1018. package/dist/utils/useTheme.js.map +1 -0
  1019. package/dist/utils/useValue.d.ts +2 -0
  1020. package/dist/utils/useValue.js +9 -0
  1021. package/dist/utils/useValue.js.map +1 -0
  1022. package/dist/validators/cadastralNumber.d.ts +1 -0
  1023. package/dist/validators/cadastralNumber.js +3 -0
  1024. package/dist/validators/cadastralNumber.js.map +1 -0
  1025. package/dist/validators/creditCardNumber.d.ts +1 -0
  1026. package/dist/validators/creditCardNumber.js +42 -0
  1027. package/dist/validators/creditCardNumber.js.map +1 -0
  1028. package/dist/validators/creditCardNumber.test.d.ts +1 -0
  1029. package/dist/validators/creditCardNumber.test.js +38 -0
  1030. package/dist/validators/creditCardNumber.test.js.map +1 -0
  1031. package/dist/validators/email.d.ts +1 -0
  1032. package/dist/validators/email.js +3 -0
  1033. package/dist/validators/email.js.map +1 -0
  1034. package/dist/validators/email.test.d.ts +1 -0
  1035. package/dist/validators/email.test.js +64 -0
  1036. package/dist/validators/email.test.js.map +1 -0
  1037. package/dist/validators/index.d.ts +15 -0
  1038. package/dist/validators/index.js +26 -0
  1039. package/dist/validators/index.js.map +1 -0
  1040. package/dist/validators/inn.d.ts +3 -0
  1041. package/dist/validators/inn.js +37 -0
  1042. package/dist/validators/inn.js.map +1 -0
  1043. package/dist/validators/inn.test.d.ts +1 -0
  1044. package/dist/validators/inn.test.js +106 -0
  1045. package/dist/validators/inn.test.js.map +1 -0
  1046. package/dist/validators/kpp.d.ts +1 -0
  1047. package/dist/validators/kpp.js +7 -0
  1048. package/dist/validators/kpp.js.map +1 -0
  1049. package/dist/validators/ogrn.d.ts +2 -0
  1050. package/dist/validators/ogrn.js +18 -0
  1051. package/dist/validators/ogrn.js.map +1 -0
  1052. package/dist/validators/ogrn.test.d.ts +1 -0
  1053. package/dist/validators/ogrn.test.js +39 -0
  1054. package/dist/validators/ogrn.test.js.map +1 -0
  1055. package/dist/validators/ogrnIp.test.d.ts +1 -0
  1056. package/dist/validators/ogrnIp.test.js +40 -0
  1057. package/dist/validators/ogrnIp.test.js.map +1 -0
  1058. package/dist/validators/okpo.d.ts +1 -0
  1059. package/dist/validators/okpo.js +12 -0
  1060. package/dist/validators/okpo.js.map +1 -0
  1061. package/dist/validators/postalCode.d.ts +1 -0
  1062. package/dist/validators/postalCode.js +3 -0
  1063. package/dist/validators/postalCode.js.map +1 -0
  1064. package/dist/validators/snils.d.ts +1 -0
  1065. package/dist/validators/snils.js +23 -0
  1066. package/dist/validators/snils.js.map +1 -0
  1067. package/dist/validators/snils.test.d.ts +1 -0
  1068. package/dist/validators/snils.test.js +29 -0
  1069. package/dist/validators/snils.test.js.map +1 -0
  1070. package/dist/validators/url.d.ts +1 -0
  1071. package/dist/validators/url.js +48 -0
  1072. package/dist/validators/url.js.map +1 -0
  1073. package/dist/validators/url.test.d.ts +1 -0
  1074. package/dist/validators/url.test.js +100 -0
  1075. package/dist/validators/url.test.js.map +1 -0
  1076. package/docs/.env.development +1 -0
  1077. package/docs/.env.production +1 -0
  1078. package/docs/.eslintrc.js +24 -0
  1079. package/docs/@types/feather-icons-react.d.ts +1 -0
  1080. package/docs/README.md +34 -0
  1081. package/docs/next.config.js +6 -0
  1082. package/docs/package-lock.json +7308 -0
  1083. package/docs/package.json +35 -0
  1084. package/docs/postcss.config.js +8 -0
  1085. package/docs/public/favicon.ico +0 -0
  1086. package/docs/public/metrica.js +15 -0
  1087. package/docs/public/next.svg +1 -0
  1088. package/docs/public/variables.png +0 -0
  1089. package/docs/public/vercel.svg +1 -0
  1090. package/docs/src/app/BaseLayout.tsx +63 -0
  1091. package/docs/src/app/basics/customization/page.tsx +75 -0
  1092. package/docs/src/app/basics/styles/page.tsx +87 -0
  1093. package/docs/src/app/basics/validation/page.tsx +69 -0
  1094. package/docs/src/app/contacts/page.tsx +22 -0
  1095. package/docs/src/app/favicon.ico +0 -0
  1096. package/docs/src/app/form-components/autocomplete/MainDemo/BasicDemo.tsx +20 -0
  1097. package/docs/src/app/form-components/autocomplete/MainDemo/ControlledDemo.tsx +27 -0
  1098. package/docs/src/app/form-components/autocomplete/MainDemo/MessagesDemo.tsx +24 -0
  1099. package/docs/src/app/form-components/autocomplete/MainDemo/ObjectsDataDemo.tsx +33 -0
  1100. package/docs/src/app/form-components/autocomplete/MainDemo/SubmitEventDemo.tsx +69 -0
  1101. package/docs/src/app/form-components/autocomplete/MainDemo/index.tsx +37 -0
  1102. package/docs/src/app/form-components/autocomplete/page.tsx +331 -0
  1103. package/docs/src/app/form-components/button/page.tsx +67 -0
  1104. package/docs/src/app/form-components/button-group/page.tsx +132 -0
  1105. package/docs/src/app/form-components/calendar/_demo/Controlled.tsx +27 -0
  1106. package/docs/src/app/form-components/calendar/_demo/Form.tsx +37 -0
  1107. package/docs/src/app/form-components/calendar/_demo/Required.tsx +39 -0
  1108. package/docs/src/app/form-components/calendar/_demo/Reset.tsx +34 -0
  1109. package/docs/src/app/form-components/calendar/_demo/Uncontrolled.tsx +20 -0
  1110. package/docs/src/app/form-components/calendar/page.tsx +94 -0
  1111. package/docs/src/app/form-components/check-box/page.tsx +330 -0
  1112. package/docs/src/app/form-components/date-picker/_demo/Controlled.tsx +29 -0
  1113. package/docs/src/app/form-components/date-picker/_demo/Form.tsx +36 -0
  1114. package/docs/src/app/form-components/date-picker/_demo/Required.tsx +38 -0
  1115. package/docs/src/app/form-components/date-picker/_demo/Reset.tsx +37 -0
  1116. package/docs/src/app/form-components/date-picker/_demo/Uncontrolled.tsx +24 -0
  1117. package/docs/src/app/form-components/date-picker/page.tsx +129 -0
  1118. package/docs/src/app/form-components/date-range/_demo/Controlled.tsx +29 -0
  1119. package/docs/src/app/form-components/date-range/_demo/Form.tsx +36 -0
  1120. package/docs/src/app/form-components/date-range/_demo/Required.tsx +38 -0
  1121. package/docs/src/app/form-components/date-range/_demo/Uncontrolled.tsx +24 -0
  1122. package/docs/src/app/form-components/date-range/page.tsx +106 -0
  1123. package/docs/src/app/form-components/date-time-picker/_demo/Controlled.tsx +29 -0
  1124. package/docs/src/app/form-components/date-time-picker/_demo/Form.tsx +36 -0
  1125. package/docs/src/app/form-components/date-time-picker/_demo/Required.tsx +38 -0
  1126. package/docs/src/app/form-components/date-time-picker/_demo/Reset.tsx +37 -0
  1127. package/docs/src/app/form-components/date-time-picker/_demo/Uncontrolled.tsx +24 -0
  1128. package/docs/src/app/form-components/date-time-picker/page.tsx +125 -0
  1129. package/docs/src/app/form-components/date-time-range/_demo/Controlled.tsx +29 -0
  1130. package/docs/src/app/form-components/date-time-range/_demo/Form.tsx +36 -0
  1131. package/docs/src/app/form-components/date-time-range/_demo/Required.tsx +38 -0
  1132. package/docs/src/app/form-components/date-time-range/_demo/Uncontrolled.tsx +24 -0
  1133. package/docs/src/app/form-components/date-time-range/page.tsx +106 -0
  1134. package/docs/src/app/form-components/dropdown-select/Demos.tsx +27 -0
  1135. package/docs/src/app/form-components/dropdown-select/TranslateIcon.tsx +18 -0
  1136. package/docs/src/app/form-components/dropdown-select/page.tsx +266 -0
  1137. package/docs/src/app/form-components/input/Demos.tsx +16 -0
  1138. package/docs/src/app/form-components/input/page.tsx +385 -0
  1139. package/docs/src/app/form-components/masked-input/Demos.tsx +17 -0
  1140. package/docs/src/app/form-components/masked-input/page.tsx +156 -0
  1141. package/docs/src/app/form-components/multi-select/Demos.tsx +17 -0
  1142. package/docs/src/app/form-components/multi-select/MainDemo/BasicDemo.tsx +20 -0
  1143. package/docs/src/app/form-components/multi-select/MainDemo/ControlledDemo.tsx +27 -0
  1144. package/docs/src/app/form-components/multi-select/MainDemo/MessagesDemo.tsx +23 -0
  1145. package/docs/src/app/form-components/multi-select/MainDemo/ObjectsDataDemo.tsx +37 -0
  1146. package/docs/src/app/form-components/multi-select/MainDemo/index.tsx +33 -0
  1147. package/docs/src/app/form-components/multi-select/page.tsx +286 -0
  1148. package/docs/src/app/form-components/numeric-range/Demos.tsx +17 -0
  1149. package/docs/src/app/form-components/numeric-range/page.tsx +163 -0
  1150. package/docs/src/app/form-components/numeric-text-box/Demos.tsx +17 -0
  1151. package/docs/src/app/form-components/numeric-text-box/page.tsx +169 -0
  1152. package/docs/src/app/form-components/password/Demos.tsx +71 -0
  1153. package/docs/src/app/form-components/password/page.tsx +163 -0
  1154. package/docs/src/app/form-components/radio/_demo/Controlled.tsx +32 -0
  1155. package/docs/src/app/form-components/radio/_demo/Form.tsx +42 -0
  1156. package/docs/src/app/form-components/radio/_demo/Required.tsx +41 -0
  1157. package/docs/src/app/form-components/radio/_demo/Reset.tsx +50 -0
  1158. package/docs/src/app/form-components/radio/_demo/Uncontrolled.tsx +27 -0
  1159. package/docs/src/app/form-components/radio/page.tsx +165 -0
  1160. package/docs/src/app/form-components/rating/page.tsx +194 -0
  1161. package/docs/src/app/form-components/switcher/_demo/Controlled.tsx +30 -0
  1162. package/docs/src/app/form-components/switcher/_demo/Form.tsx +37 -0
  1163. package/docs/src/app/form-components/switcher/_demo/Uncontrolled.tsx +23 -0
  1164. package/docs/src/app/form-components/switcher/page.tsx +97 -0
  1165. package/docs/src/app/form-components/textarea/Demos.tsx +16 -0
  1166. package/docs/src/app/form-components/textarea/page.tsx +137 -0
  1167. package/docs/src/app/form-components/time-picker/_demo/Controlled.tsx +29 -0
  1168. package/docs/src/app/form-components/time-picker/_demo/Form.tsx +36 -0
  1169. package/docs/src/app/form-components/time-picker/_demo/Required.tsx +38 -0
  1170. package/docs/src/app/form-components/time-picker/_demo/Reset.tsx +37 -0
  1171. package/docs/src/app/form-components/time-picker/_demo/Uncontrolled.tsx +24 -0
  1172. package/docs/src/app/form-components/time-picker/page.tsx +115 -0
  1173. package/docs/src/app/form-components/time-range/_demo/Controlled.tsx +29 -0
  1174. package/docs/src/app/form-components/time-range/_demo/Form.tsx +36 -0
  1175. package/docs/src/app/form-components/time-range/_demo/Required.tsx +38 -0
  1176. package/docs/src/app/form-components/time-range/_demo/Uncontrolled.tsx +24 -0
  1177. package/docs/src/app/form-components/time-range/page.tsx +106 -0
  1178. package/docs/src/app/form-helpers/form/page.tsx +367 -0
  1179. package/docs/src/app/form-helpers/validate/page.tsx +84 -0
  1180. package/docs/src/app/globals.css +32 -0
  1181. package/docs/src/app/layout-components/collapse/MainDemo/BasicDemo.tsx +25 -0
  1182. package/docs/src/app/layout-components/collapse/MainDemo/ControlledDemo.tsx +36 -0
  1183. package/docs/src/app/layout-components/collapse/MainDemo/index.tsx +25 -0
  1184. package/docs/src/app/layout-components/collapse/page.tsx +42 -0
  1185. package/docs/src/app/layout-components/icon/page.tsx +121 -0
  1186. package/docs/src/app/layout-components/loader/page.tsx +63 -0
  1187. package/docs/src/app/layout-components/modal/page.tsx +170 -0
  1188. package/docs/src/app/layout-components/pagination/MainDemo.tsx/BasicDemo.tsx +26 -0
  1189. package/docs/src/app/layout-components/pagination/MainDemo.tsx/MessagesDemo.tsx +37 -0
  1190. package/docs/src/app/layout-components/pagination/MainDemo.tsx/index.tsx +25 -0
  1191. package/docs/src/app/layout-components/pagination/page.tsx +119 -0
  1192. package/docs/src/app/layout-components/progress-bar/page.tsx +79 -0
  1193. package/docs/src/app/layout-components/tabs/page.tsx +124 -0
  1194. package/docs/src/app/layout-components/tags/page.tsx +70 -0
  1195. package/docs/src/app/layout-components/tooltip/page.tsx +83 -0
  1196. package/docs/src/app/layout.tsx +36 -0
  1197. package/docs/src/app/other/html/page.tsx +44 -0
  1198. package/docs/src/app/other/leda-provider/MainDemo.tsx/BasicDemo.tsx +20 -0
  1199. package/docs/src/app/other/leda-provider/MainDemo.tsx/MessagesDemo.tsx +44 -0
  1200. package/docs/src/app/other/leda-provider/MainDemo.tsx/index.tsx +25 -0
  1201. package/docs/src/app/other/leda-provider/page.tsx +53 -0
  1202. package/docs/src/app/other/utils/page.tsx +97 -0
  1203. package/docs/src/app/page.tsx +171 -0
  1204. package/docs/src/app/preflight.css +1 -0
  1205. package/docs/src/app/validation-examples/predefined-validators/page.tsx +150 -0
  1206. package/docs/src/components/commonProps/ShouldRender.tsx +10 -0
  1207. package/docs/src/components/commonProps/UnderscoreClasses.tsx +10 -0
  1208. package/docs/src/components/commonProps/index.tsx +2 -0
  1209. package/docs/src/components/header/MenuButton/index.tsx +27 -0
  1210. package/docs/src/components/header/index.tsx +78 -0
  1211. package/docs/src/components/live/DatesLive.tsx +51 -0
  1212. package/docs/src/components/live/index.tsx +61 -0
  1213. package/docs/src/components/nav/NavLi.tsx +24 -0
  1214. package/docs/src/components/nav/index.tsx +90 -0
  1215. package/docs/src/components/typography/A.tsx +24 -0
  1216. package/docs/src/components/typography/Code.tsx +22 -0
  1217. package/docs/src/components/typography/H1.tsx +13 -0
  1218. package/docs/src/components/typography/H2.tsx +13 -0
  1219. package/docs/src/components/typography/H3.tsx +13 -0
  1220. package/docs/src/components/typography/Li.tsx +15 -0
  1221. package/docs/src/components/typography/P.tsx +15 -0
  1222. package/docs/src/components/typography/Section.tsx +22 -0
  1223. package/docs/src/components/typography/Table.tsx +45 -0
  1224. package/docs/src/components/typography/Ul.tsx +15 -0
  1225. package/docs/src/components/typography/index.tsx +12 -0
  1226. package/docs/src/constants/index.ts +1 -0
  1227. package/docs/src/constants/paths.ts +6 -0
  1228. package/docs/src/fonts/DIOGENES.woff +0 -0
  1229. package/docs/src/fonts/index.ts +14 -0
  1230. package/docs/src/sections/CustomizationPropsTableSection.tsx +19 -0
  1231. package/docs/src/sections/PropsTableSection.tsx +20 -0
  1232. package/docs/src/sections/ValidationSection.tsx +272 -0
  1233. package/docs/src/sections/index.ts +3 -0
  1234. package/docs/src/utils/index.ts +1 -0
  1235. package/docs/src/utils/log.ts +2 -0
  1236. package/docs/tailwind.config.js +25 -0
  1237. package/docs/tsconfig.json +51 -0
  1238. package/jest.config.js +15 -0
  1239. package/jest.setup.ts +1 -0
  1240. package/leda/@types/feather-icons-react.d.ts +1 -0
  1241. package/leda/commonTypes/index.ts +67 -0
  1242. package/leda/components/A/__snapshots__/A.test.tsx.snap +7 -0
  1243. package/leda/components/A/index.tsx +5 -0
  1244. package/leda/components/A/types.ts +10 -0
  1245. package/leda/components/Article/index.ts +10 -0
  1246. package/leda/components/Aside/index.ts +10 -0
  1247. package/leda/components/AutoComplete/AutoComplete.test.tsx +381 -0
  1248. package/leda/components/AutoComplete/__snapshots__/AutoComplete.test.tsx.snap +260 -0
  1249. package/leda/components/AutoComplete/handlers.ts +347 -0
  1250. package/leda/components/AutoComplete/helpers.test.tsx +57 -0
  1251. package/leda/components/AutoComplete/helpers.ts +194 -0
  1252. package/leda/components/AutoComplete/index.tsx +294 -0
  1253. package/leda/components/AutoComplete/messages.ts +5 -0
  1254. package/leda/components/AutoComplete/theme.ts +14 -0
  1255. package/leda/components/AutoComplete/types.ts +196 -0
  1256. package/leda/components/B/index.ts +10 -0
  1257. package/leda/components/Blockquote/index.ts +9 -0
  1258. package/leda/components/Button/__snapshots__/Buttons.test.tsx.snap +120 -0
  1259. package/leda/components/Button/handlers.ts +81 -0
  1260. package/leda/components/Button/helpers.ts +17 -0
  1261. package/leda/components/Button/index.tsx +63 -0
  1262. package/leda/components/Button/theme.ts +9 -0
  1263. package/leda/components/Button/types.ts +40 -0
  1264. package/leda/components/ButtonGroup/__snapshots__/ButtonGroup.test.tsx.snap +106 -0
  1265. package/leda/components/ButtonGroup/handlers.ts +65 -0
  1266. package/leda/components/ButtonGroup/helpers.ts +23 -0
  1267. package/leda/components/ButtonGroup/index.tsx +131 -0
  1268. package/leda/components/ButtonGroup/theme.ts +13 -0
  1269. package/leda/components/ButtonGroup/types.ts +65 -0
  1270. package/leda/components/Calendar/Calendar.test.tsx +5 -0
  1271. package/leda/components/Calendar/handlers.ts +163 -0
  1272. package/leda/components/Calendar/hooks.ts +61 -0
  1273. package/leda/components/Calendar/index.tsx +147 -0
  1274. package/leda/components/Calendar/reducer.ts +19 -0
  1275. package/leda/components/Calendar/types.ts +73 -0
  1276. package/leda/components/CheckBox/CheckBox.test.tsx +172 -0
  1277. package/leda/components/CheckBox/__snapshots__/CheckBox.test.tsx.snap +53 -0
  1278. package/leda/components/CheckBox/handlers.ts +47 -0
  1279. package/leda/components/CheckBox/index.tsx +122 -0
  1280. package/leda/components/CheckBox/theme.ts +11 -0
  1281. package/leda/components/CheckBox/types.ts +54 -0
  1282. package/leda/components/Collapse/index.tsx +54 -0
  1283. package/leda/components/Collapse/theme.ts +7 -0
  1284. package/leda/components/Collapse/types.ts +27 -0
  1285. package/leda/components/DatePicker/index.tsx +17 -0
  1286. package/leda/components/DatePicker/types.ts +42 -0
  1287. package/leda/components/DateRange/__snapshots__/DateRange.test.tsx.snap +161 -0
  1288. package/leda/components/DateRange/index.tsx +17 -0
  1289. package/leda/components/DateRange/types.ts +40 -0
  1290. package/leda/components/DateTimePicker/index.tsx +17 -0
  1291. package/leda/components/DateTimePicker/types.ts +39 -0
  1292. package/leda/components/DateTimeRange/index.tsx +17 -0
  1293. package/leda/components/DateTimeRange/types.ts +40 -0
  1294. package/leda/components/Div/__snapshots__/Div.test.tsx.snap +3 -0
  1295. package/leda/components/Div/index.ts +10 -0
  1296. package/leda/components/Dl/__snapshots__/Dl.test.tsx.snap +22 -0
  1297. package/leda/components/Dl/index.ts +7 -0
  1298. package/leda/components/Dl/types.ts +19 -0
  1299. package/leda/components/DropDownSelect/DropDownSelect.test.tsx +453 -0
  1300. package/leda/components/DropDownSelect/__snapshots__/DropDownSelect.test.tsx.snap +1876 -0
  1301. package/leda/components/DropDownSelect/handlers.ts +363 -0
  1302. package/leda/components/DropDownSelect/helpers.ts +79 -0
  1303. package/leda/components/DropDownSelect/hooks.ts +81 -0
  1304. package/leda/components/DropDownSelect/index.tsx +247 -0
  1305. package/leda/components/DropDownSelect/theme.ts +18 -0
  1306. package/leda/components/DropDownSelect/types.ts +171 -0
  1307. package/leda/components/Figcaption/index.ts +10 -0
  1308. package/leda/components/Figure/index.ts +10 -0
  1309. package/leda/components/Footer/index.ts +10 -0
  1310. package/leda/components/Headers/H1.ts +5 -0
  1311. package/leda/components/Headers/H2.ts +5 -0
  1312. package/leda/components/Headers/H3.ts +5 -0
  1313. package/leda/components/Headers/H4.ts +5 -0
  1314. package/leda/components/Headers/H5.ts +5 -0
  1315. package/leda/components/Headers/H6.ts +5 -0
  1316. package/leda/components/Headers/Header.ts +5 -0
  1317. package/leda/components/Headers/__snapshots__/Headers.test.tsx.snap +51 -0
  1318. package/leda/components/Headers/index.ts +7 -0
  1319. package/leda/components/Headers/types.ts +7 -0
  1320. package/leda/components/I/index.ts +10 -0
  1321. package/leda/components/Icon/index.tsx +23 -0
  1322. package/leda/components/Icon/types.ts +316 -0
  1323. package/leda/components/Img/index.ts +10 -0
  1324. package/leda/components/Input/Input.test.tsx +175 -0
  1325. package/leda/components/Input/__snapshots__/Input.test.tsx.snap +74 -0
  1326. package/leda/components/Input/constants.ts +7 -0
  1327. package/leda/components/Input/handlers.ts +120 -0
  1328. package/leda/components/Input/helpers.ts +61 -0
  1329. package/leda/components/Input/index.tsx +154 -0
  1330. package/leda/components/Input/theme.ts +13 -0
  1331. package/leda/components/Input/types.ts +103 -0
  1332. package/leda/components/Label/index.ts +9 -0
  1333. package/leda/components/LedaProvider/LedaContext.ts +21 -0
  1334. package/leda/components/LedaProvider/__snapshots__/LedaProvider.test.tsx.snap +521 -0
  1335. package/leda/components/LedaProvider/globalDefaultMessages.ts +14 -0
  1336. package/leda/components/LedaProvider/globalDefaultRenders.ts +13 -0
  1337. package/leda/components/LedaProvider/globalDefaultTheme.ts +61 -0
  1338. package/leda/components/LedaProvider/index.tsx +37 -0
  1339. package/leda/components/Li/index.ts +10 -0
  1340. package/leda/components/Loader/__snapshots__/Loader.test.tsx.snap +165 -0
  1341. package/leda/components/Loader/index.tsx +82 -0
  1342. package/leda/components/Loader/theme.ts +9 -0
  1343. package/leda/components/Loader/types.ts +24 -0
  1344. package/leda/components/Main/index.ts +10 -0
  1345. package/leda/components/Mark/index.ts +10 -0
  1346. package/leda/components/MaskedInput/__snapshots__/MaskedInput.test.tsx.snap +151 -0
  1347. package/leda/components/MaskedInput/handlers.ts +136 -0
  1348. package/leda/components/MaskedInput/helpers.ts +28 -0
  1349. package/leda/components/MaskedInput/hooks.ts +34 -0
  1350. package/leda/components/MaskedInput/index.tsx +160 -0
  1351. package/leda/components/MaskedInput/mask.md +26 -0
  1352. package/leda/components/MaskedInput/theme.ts +10 -0
  1353. package/leda/components/MaskedInput/types.ts +90 -0
  1354. package/leda/components/Modal/Modal.tsx +27 -0
  1355. package/leda/components/Modal/ModalBody.tsx +36 -0
  1356. package/leda/components/Modal/ModalContext.ts +9 -0
  1357. package/leda/components/Modal/ModalFooter.tsx +34 -0
  1358. package/leda/components/Modal/ModalHeader.tsx +36 -0
  1359. package/leda/components/Modal/ModalWindow.tsx +93 -0
  1360. package/leda/components/Modal/__snapshots__/Modal.test.tsx.snap +318 -0
  1361. package/leda/components/Modal/handlers.ts +33 -0
  1362. package/leda/components/Modal/hooks.ts +33 -0
  1363. package/leda/components/Modal/index.ts +4 -0
  1364. package/leda/components/Modal/theme.ts +10 -0
  1365. package/leda/components/Modal/types.ts +60 -0
  1366. package/leda/components/MultiSelect/TagsContainer.tsx +56 -0
  1367. package/leda/components/MultiSelect/__snapshots__/MultiSelect.test.tsx.snap +4383 -0
  1368. package/leda/components/MultiSelect/constants.ts +9 -0
  1369. package/leda/components/MultiSelect/handlers.ts +266 -0
  1370. package/leda/components/MultiSelect/helpers.ts +66 -0
  1371. package/leda/components/MultiSelect/index.tsx +343 -0
  1372. package/leda/components/MultiSelect/messages.ts +5 -0
  1373. package/leda/components/MultiSelect/renders.tsx +76 -0
  1374. package/leda/components/MultiSelect/theme.ts +21 -0
  1375. package/leda/components/MultiSelect/types.ts +237 -0
  1376. package/leda/components/Nav/index.ts +10 -0
  1377. package/leda/components/Notifications/NotificationItem.tsx +79 -0
  1378. package/leda/components/Notifications/Notifications.test.tsx +480 -0
  1379. package/leda/components/Notifications/Notifications.tsx +68 -0
  1380. package/leda/components/Notifications/__snapshots__/Notifications.test.tsx.snap +543 -0
  1381. package/leda/components/Notifications/constants.ts +6 -0
  1382. package/leda/components/Notifications/index.ts +1 -0
  1383. package/leda/components/Notifications/theme.ts +9 -0
  1384. package/leda/components/Notifications/types.ts +63 -0
  1385. package/leda/components/NumericRange/handlers.ts +53 -0
  1386. package/leda/components/NumericRange/helpers.ts +38 -0
  1387. package/leda/components/NumericRange/index.tsx +126 -0
  1388. package/leda/components/NumericRange/theme.ts +10 -0
  1389. package/leda/components/NumericRange/types.ts +70 -0
  1390. package/leda/components/NumericTextBox/NumericTextBox.test.tsx +467 -0
  1391. package/leda/components/NumericTextBox/__snapshots__/NumericTextBox.test.tsx.snap +321 -0
  1392. package/leda/components/NumericTextBox/constants.ts +4 -0
  1393. package/leda/components/NumericTextBox/formatting.md +47 -0
  1394. package/leda/components/NumericTextBox/handlers.ts +299 -0
  1395. package/leda/components/NumericTextBox/helpers.ts +244 -0
  1396. package/leda/components/NumericTextBox/hooks.tsx +59 -0
  1397. package/leda/components/NumericTextBox/index.tsx +167 -0
  1398. package/leda/components/NumericTextBox/theme.ts +14 -0
  1399. package/leda/components/NumericTextBox/types.ts +196 -0
  1400. package/leda/components/Ol/index.ts +10 -0
  1401. package/leda/components/Pagination/PagesDropDown.tsx +45 -0
  1402. package/leda/components/Pagination/PagesList.tsx +48 -0
  1403. package/leda/components/Pagination/PaginationControl.tsx +41 -0
  1404. package/leda/components/Pagination/PaginationInfo.tsx +16 -0
  1405. package/leda/components/Pagination/PaginationRangeInfo.tsx +13 -0
  1406. package/leda/components/Pagination/PaginationTotalInfo.tsx +10 -0
  1407. package/leda/components/Pagination/__snapshots__/Pagination.test.tsx.snap +2487 -0
  1408. package/leda/components/Pagination/handlers.ts +47 -0
  1409. package/leda/components/Pagination/helpers.ts +39 -0
  1410. package/leda/components/Pagination/hooks.ts +59 -0
  1411. package/leda/components/Pagination/index.tsx +222 -0
  1412. package/leda/components/Pagination/messages.ts +13 -0
  1413. package/leda/components/Pagination/theme.ts +22 -0
  1414. package/leda/components/Pagination/types.ts +127 -0
  1415. package/leda/components/Paragraph/__snapshots__/Paragraph.test.tsx.snap +7 -0
  1416. package/leda/components/Paragraph/index.ts +10 -0
  1417. package/leda/components/Password/PasswordRulesMessage.tsx +29 -0
  1418. package/leda/components/Password/PasswordVisibilityIcon.tsx +14 -0
  1419. package/leda/components/Password/constants.ts +1 -0
  1420. package/leda/components/Password/handlers.ts +121 -0
  1421. package/leda/components/Password/helpers.ts +35 -0
  1422. package/leda/components/Password/index.tsx +198 -0
  1423. package/leda/components/Password/theme.ts +16 -0
  1424. package/leda/components/Password/types.ts +127 -0
  1425. package/leda/components/ProgressBar/__snapshots__/ProgressBar.test.tsx.snap +121 -0
  1426. package/leda/components/ProgressBar/index.tsx +52 -0
  1427. package/leda/components/ProgressBar/theme.ts +7 -0
  1428. package/leda/components/ProgressBar/types.ts +23 -0
  1429. package/leda/components/Radio/RadioButton.tsx +80 -0
  1430. package/leda/components/Radio/RadioGroup.tsx +84 -0
  1431. package/leda/components/Radio/__snapshots__/Radio.test.tsx.snap +667 -0
  1432. package/leda/components/Radio/handlers.ts +16 -0
  1433. package/leda/components/Radio/index.ts +2 -0
  1434. package/leda/components/Radio/theme.ts +8 -0
  1435. package/leda/components/Radio/types.ts +69 -0
  1436. package/leda/components/Rating/__snapshots__/Rating.test.tsx.snap +244 -0
  1437. package/leda/components/Rating/handlers.ts +65 -0
  1438. package/leda/components/Rating/helpers.ts +12 -0
  1439. package/leda/components/Rating/index.tsx +114 -0
  1440. package/leda/components/Rating/theme.ts +9 -0
  1441. package/leda/components/Rating/types.ts +62 -0
  1442. package/leda/components/Section/index.ts +10 -0
  1443. package/leda/components/Small/index.ts +10 -0
  1444. package/leda/components/Span/__snapshots__/Span.test.tsx.snap +9 -0
  1445. package/leda/components/Span/index.ts +10 -0
  1446. package/leda/components/Svg/__snapshots__/Svg.test.tsx.snap +30 -0
  1447. package/leda/components/Svg/helpers.ts +16 -0
  1448. package/leda/components/Svg/index.tsx +36 -0
  1449. package/leda/components/Svg/types.ts +12 -0
  1450. package/leda/components/Switcher/__snapshots__/Switcher.test.tsx.snap +219 -0
  1451. package/leda/components/Switcher/handlers.ts +34 -0
  1452. package/leda/components/Switcher/hooks.ts +57 -0
  1453. package/leda/components/Switcher/index.tsx +74 -0
  1454. package/leda/components/Switcher/theme.ts +10 -0
  1455. package/leda/components/Switcher/types.ts +73 -0
  1456. package/leda/components/Table/Col.ts +5 -0
  1457. package/leda/components/Table/ColGroup.ts +5 -0
  1458. package/leda/components/Table/TBody.ts +5 -0
  1459. package/leda/components/Table/TFoot.ts +5 -0
  1460. package/leda/components/Table/THead.ts +5 -0
  1461. package/leda/components/Table/Table.ts +5 -0
  1462. package/leda/components/Table/Td.ts +5 -0
  1463. package/leda/components/Table/Th.ts +5 -0
  1464. package/leda/components/Table/Tr.ts +5 -0
  1465. package/leda/components/Table/index.ts +9 -0
  1466. package/leda/components/Table/types.ts +64 -0
  1467. package/leda/components/Tabs/ContentElement.tsx +18 -0
  1468. package/leda/components/Tabs/ScrollArrows.tsx +19 -0
  1469. package/leda/components/Tabs/Tab.tsx +59 -0
  1470. package/leda/components/Tabs/TabContent.ts +14 -0
  1471. package/leda/components/Tabs/Tabs.tsx +120 -0
  1472. package/leda/components/Tabs/TabsContext.ts +10 -0
  1473. package/leda/components/Tabs/__snapshots__/Tabs.test.tsx.snap +106 -0
  1474. package/leda/components/Tabs/handlers.ts +20 -0
  1475. package/leda/components/Tabs/helpers.tsx +0 -0
  1476. package/leda/components/Tabs/hooks.ts +128 -0
  1477. package/leda/components/Tabs/index.ts +2 -0
  1478. package/leda/components/Tabs/theme.ts +14 -0
  1479. package/leda/components/Tabs/types.ts +129 -0
  1480. package/leda/components/Tags/Tag.tsx +55 -0
  1481. package/leda/components/Tags/Tags.tsx +54 -0
  1482. package/leda/components/Tags/__snapshots__/Tag.test.tsx.snap +159 -0
  1483. package/leda/components/Tags/__snapshots__/Tags.test.tsx.snap +198 -0
  1484. package/leda/components/Tags/index.ts +2 -0
  1485. package/leda/components/Tags/theme.ts +7 -0
  1486. package/leda/components/Tags/types.ts +42 -0
  1487. package/leda/components/Textarea/__snapshots__/Textarea.test.tsx.snap +38 -0
  1488. package/leda/components/Textarea/handlers.ts +107 -0
  1489. package/leda/components/Textarea/helpers.ts +13 -0
  1490. package/leda/components/Textarea/hooks.ts +23 -0
  1491. package/leda/components/Textarea/index.tsx +108 -0
  1492. package/leda/components/Textarea/theme.ts +10 -0
  1493. package/leda/components/Textarea/types.ts +79 -0
  1494. package/leda/components/TimePicker/index.tsx +17 -0
  1495. package/leda/components/TimePicker/types.ts +37 -0
  1496. package/leda/components/TimeRange/index.tsx +17 -0
  1497. package/leda/components/TimeRange/types.ts +40 -0
  1498. package/leda/components/Tooltip/Tooltip.test.tsx +118 -0
  1499. package/leda/components/Tooltip/TooltipBody.tsx +29 -0
  1500. package/leda/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap +175 -0
  1501. package/leda/components/Tooltip/constants.ts +3 -0
  1502. package/leda/components/Tooltip/helpers.ts +65 -0
  1503. package/leda/components/Tooltip/hooks.ts +170 -0
  1504. package/leda/components/Tooltip/index.tsx +74 -0
  1505. package/leda/components/Tooltip/theme.ts +10 -0
  1506. package/leda/components/Tooltip/types.ts +73 -0
  1507. package/leda/components/Tour/Tour.tsx +144 -0
  1508. package/leda/components/Tour/helpers.ts +91 -0
  1509. package/leda/components/Tour/index.ts +1 -0
  1510. package/leda/components/Tour/types.ts +41 -0
  1511. package/leda/components/Ul/__snapshots__/Ul.test.tsx.snap +198 -0
  1512. package/leda/components/Ul/index.ts +10 -0
  1513. package/leda/components/Validation/InvalidMessage.tsx +20 -0
  1514. package/leda/components/Validation/helpers.ts +436 -0
  1515. package/leda/components/Validation/index.ts +20 -0
  1516. package/leda/components/Validation/predefinedValidators.ts +60 -0
  1517. package/leda/components/Validation/theme.ts +6 -0
  1518. package/leda/components/Validation/types.ts +138 -0
  1519. package/leda/components/Validation/useValidation.tsx +117 -0
  1520. package/leda/constants.ts +55 -0
  1521. package/leda/form/form.test.tsx +313 -0
  1522. package/leda/form/form.ts +129 -0
  1523. package/leda/form/helpers.ts +86 -0
  1524. package/leda/form/index.ts +7 -0
  1525. package/leda/form/types.ts +40 -0
  1526. package/leda/index.ts +233 -0
  1527. package/leda/src/CalendarBase/CalendarBase.tsx +108 -0
  1528. package/leda/src/CalendarBase/CalendarHeader.tsx +50 -0
  1529. package/leda/src/CalendarBase/DateCell.tsx +76 -0
  1530. package/leda/src/CalendarBase/DateView.tsx +81 -0
  1531. package/leda/src/CalendarBase/MonthView.tsx +74 -0
  1532. package/leda/src/CalendarBase/TodayButton.tsx +27 -0
  1533. package/leda/src/CalendarBase/YearView.tsx +56 -0
  1534. package/leda/src/CalendarBase/constants.ts +26 -0
  1535. package/leda/src/CalendarBase/helpers.ts +288 -0
  1536. package/leda/src/CalendarBase/hooks.ts +60 -0
  1537. package/leda/src/CalendarBase/index.ts +1 -0
  1538. package/leda/src/CalendarBase/messages.ts +57 -0
  1539. package/leda/src/CalendarBase/theme.ts +41 -0
  1540. package/leda/src/CalendarBase/types.ts +155 -0
  1541. package/leda/src/DateTimeInput/DateTimeInput.tsx +209 -0
  1542. package/leda/src/DateTimeInput/actions.ts +42 -0
  1543. package/leda/src/DateTimeInput/constants.ts +26 -0
  1544. package/leda/src/DateTimeInput/handlers/handleBlur.ts +76 -0
  1545. package/leda/src/DateTimeInput/handlers/handleCalendarClick.ts +447 -0
  1546. package/leda/src/DateTimeInput/handlers/handleChange.ts +38 -0
  1547. package/leda/src/DateTimeInput/handlers/handleErrors.ts +139 -0
  1548. package/leda/src/DateTimeInput/handlers/handleFocus.ts +24 -0
  1549. package/leda/src/DateTimeInput/handlers/handleKeyDown.ts +453 -0
  1550. package/leda/src/DateTimeInput/handlers/handleMouseDown.ts +37 -0
  1551. package/leda/src/DateTimeInput/handlers/handleReset.ts +26 -0
  1552. package/leda/src/DateTimeInput/handlers/index.ts +11 -0
  1553. package/leda/src/DateTimeInput/helpers.ts +203 -0
  1554. package/leda/src/DateTimeInput/hooks.ts +125 -0
  1555. package/leda/src/DateTimeInput/index.ts +1 -0
  1556. package/leda/src/DateTimeInput/reducer.ts +28 -0
  1557. package/leda/src/DateTimeInput/theme.ts +15 -0
  1558. package/leda/src/DateTimeInput/types.ts +348 -0
  1559. package/leda/src/DateTimeInputRange/handlers.ts +116 -0
  1560. package/leda/src/DateTimeInputRange/helpers.ts +68 -0
  1561. package/leda/src/DateTimeInputRange/hooks.ts +62 -0
  1562. package/leda/src/DateTimeInputRange/index.tsx +171 -0
  1563. package/leda/src/DateTimeInputRange/theme.ts +10 -0
  1564. package/leda/src/DateTimeInputRange/types.ts +97 -0
  1565. package/leda/src/HTMLTagsFactory/index.tsx +25 -0
  1566. package/leda/src/MaskedInputBase/constants.ts +40 -0
  1567. package/leda/src/MaskedInputBase/handlers.ts +260 -0
  1568. package/leda/src/MaskedInputBase/helpers.ts +297 -0
  1569. package/leda/src/MaskedInputBase/index.tsx +121 -0
  1570. package/leda/src/MaskedInputBase/types.ts +108 -0
  1571. package/leda/src/SuggestionList/NoSuggestions.tsx +7 -0
  1572. package/leda/src/SuggestionList/SuggestionItem.tsx +58 -0
  1573. package/leda/src/SuggestionList/SuggestionList.tsx +226 -0
  1574. package/leda/src/SuggestionList/handlers.ts +14 -0
  1575. package/leda/src/SuggestionList/helpers.ts +103 -0
  1576. package/leda/src/SuggestionList/index.ts +2 -0
  1577. package/leda/src/SuggestionList/theme.ts +13 -0
  1578. package/leda/src/SuggestionList/types.ts +104 -0
  1579. package/leda/src/index.ts +5 -0
  1580. package/leda/utils/checkIsTheSameObject.ts +29 -0
  1581. package/leda/utils/createComponentTheme.ts +2 -0
  1582. package/leda/utils/dispatchEvent.ts +17 -0
  1583. package/leda/utils/extractPropsFromWrapper.ts +14 -0
  1584. package/leda/utils/fileSizeTransformers.ts +19 -0
  1585. package/leda/utils/filterStrHelpers.test.ts +345 -0
  1586. package/leda/utils/filterStrHelpers.ts +85 -0
  1587. package/leda/utils/generateId.ts +1 -0
  1588. package/leda/utils/getIsEmptyAndRequired.ts +12 -0
  1589. package/leda/utils/getWordEnding.ts +31 -0
  1590. package/leda/utils/guardsHelpers.ts +17 -0
  1591. package/leda/utils/helpers.ts +72 -0
  1592. package/leda/utils/iconsDictionary.ts +17 -0
  1593. package/leda/utils/index.ts +53 -0
  1594. package/leda/utils/isElementInViewport.ts +14 -0
  1595. package/leda/utils/isSymbolAllowed.ts +31 -0
  1596. package/leda/utils/isSymbolForbidden.ts +32 -0
  1597. package/leda/utils/mergeClassNames.ts +37 -0
  1598. package/leda/utils/mergeState.ts +1 -0
  1599. package/leda/utils/recursiveReactChildrenMap.ts +22 -0
  1600. package/leda/utils/scrollIntoView.ts +13 -0
  1601. package/leda/utils/toStringOrEmpty.ts +8 -0
  1602. package/leda/utils/underscorePropToClassName.ts +1 -0
  1603. package/leda/utils/useAdaptivePosition.ts +102 -0
  1604. package/leda/utils/useElement.tsx +53 -0
  1605. package/leda/utils/useElementRef.ts +14 -0
  1606. package/leda/utils/useInterval.ts +30 -0
  1607. package/leda/utils/useMessages.ts +19 -0
  1608. package/leda/utils/usePops.ts +4 -0
  1609. package/leda/utils/useTheme.ts +19 -0
  1610. package/leda/utils/useValue.ts +12 -0
  1611. package/leda/validators/cadastralNumber.ts +3 -0
  1612. package/leda/validators/creditCardNumber.test.tsx +46 -0
  1613. package/leda/validators/creditCardNumber.ts +49 -0
  1614. package/leda/validators/email.test.tsx +71 -0
  1615. package/leda/validators/email.ts +3 -0
  1616. package/leda/validators/index.ts +33 -0
  1617. package/leda/validators/inn.test.tsx +123 -0
  1618. package/leda/validators/inn.ts +52 -0
  1619. package/leda/validators/kpp.ts +7 -0
  1620. package/leda/validators/ogrn.test.tsx +46 -0
  1621. package/leda/validators/ogrn.ts +24 -0
  1622. package/leda/validators/ogrnIp.test.tsx +47 -0
  1623. package/leda/validators/okpo.ts +14 -0
  1624. package/leda/validators/postalCode.ts +3 -0
  1625. package/leda/validators/snils.test.tsx +33 -0
  1626. package/leda/validators/snils.ts +27 -0
  1627. package/leda/validators/url.test.tsx +101 -0
  1628. package/leda/validators/url.ts +48 -0
  1629. package/package.json +90 -0
  1630. package/postcss.config.js +11 -0
  1631. package/public/favicon.jpg +0 -0
  1632. package/public/index.html +10 -0
  1633. package/tsconfig.json +32 -0
package/leda/components/MultiSelect/__snapshots__/MultiSelect.test.tsx.snap ADDED
@@ -0,0 +1,4383 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`MultiSelect ATTRIBUTES should list isOpen 1`] = `
4
+ <MultiSelect
5
+ data={
6
+ Array [
7
+ "1",
8
+ "2",
9
+ "3",
10
+ ]
11
+ }
12
+ isOpen={true}
13
+ onChange={[MockFunction]}
14
+ value={
15
+ Array [
16
+ "1",
17
+ ]
18
+ }
19
+ >
20
+ <Wrapper
21
+ className="multiselect-wrapper"
22
+ >
23
+ <Div
24
+ className="multiselect-wrapper"
25
+ >
26
+ <div
27
+ className="multiselect-wrapper"
28
+ >
29
+ <Div
30
+ className="multiselect-input-wrapper"
31
+ onMouseDown={[Function]}
32
+ >
33
+ <div
34
+ className="multiselect-input-wrapper"
35
+ onMouseDown={[Function]}
36
+ >
37
+ <TagsContainer
38
+ onClearIconClick={[Function]}
39
+ onMouseDown={[Function]}
40
+ onTagClick={[Function]}
41
+ theme={
42
+ Object {
43
+ "checkBoxItem": "multiselect-check-box-item",
44
+ "checkBoxSemi": "semi",
45
+ "clearIcon": "multiselect-clear-icon",
46
+ "container": "suggestion-wrapper",
47
+ "containerTop": "pos-top",
48
+ "containerVisible": "visible",
49
+ "group": "suggestion-group",
50
+ "groupLabel": "suggestion-group-label",
51
+ "input": "multiselect-input",
52
+ "inputFocused": "focused",
53
+ "inputWrapper": "multiselect-input-wrapper",
54
+ "inputWrapperDisabled": "disabled",
55
+ "inputWrapperFocused": "focused",
56
+ "inputWrapperInvalid": "danger",
57
+ "inputWrapperRequired": "required",
58
+ "item": "suggestion-item",
59
+ "itemHighlighted": "highlighted",
60
+ "itemPlaceholder": "placeholder",
61
+ "itemSelected": "selected",
62
+ "list": "suggestion-list",
63
+ "noSuggestions": "nodata",
64
+ "placeholder": "multiselect-placeholder",
65
+ "tagsContainer": "multiselect-tags-container",
66
+ "tagsUnion": "multiselect-tags-union",
67
+ "wrapper": "multiselect-wrapper",
68
+ }
69
+ }
70
+ value={
71
+ Array [
72
+ "1",
73
+ ]
74
+ }
75
+ >
76
+ <Div
77
+ className="multiselect-tags-container"
78
+ onMouseDown={[Function]}
79
+ >
80
+ <div
81
+ className="multiselect-tags-container"
82
+ onMouseDown={[Function]}
83
+ >
84
+ <TagItem
85
+ key="0"
86
+ onIconClick={[Function]}
87
+ >
88
+ <Tag
89
+ onIconClick={[Function]}
90
+ >
91
+ <Wrapper
92
+ className="tags-item"
93
+ >
94
+ <Span
95
+ className="tags-item"
96
+ >
97
+ <span
98
+ className="tags-item"
99
+ >
100
+ 1
101
+ <Icon
102
+ className="tags-icon icon-default"
103
+ onClick={[Function]}
104
+ >
105
+ <Span
106
+ className="tags-icon icon-default"
107
+ onClick={[Function]}
108
+ >
109
+ <span
110
+ className="tags-icon icon-default"
111
+ onClick={[Function]}
112
+ />
113
+ </Span>
114
+ </Icon>
115
+ </span>
116
+ </Span>
117
+ </Wrapper>
118
+ </Tag>
119
+ </TagItem>
120
+ </div>
121
+ </Div>
122
+ </TagsContainer>
123
+ <Input
124
+ aria-invalid={false}
125
+ autoComplete="off"
126
+ className="multiselect-input"
127
+ onBlur={[Function]}
128
+ onChange={[Function]}
129
+ onFocus={[Function]}
130
+ onKeyDown={[Function]}
131
+ value=""
132
+ >
133
+ <input
134
+ aria-invalid={false}
135
+ autoComplete="off"
136
+ className="multiselect-input"
137
+ onBlur={[Function]}
138
+ onChange={[Function]}
139
+ onFocus={[Function]}
140
+ onKeyDown={[Function]}
141
+ value=""
142
+ />
143
+ </Input>
144
+ </div>
145
+ </Div>
146
+ <SuggestionList
147
+ data={
148
+ Array [
149
+ "2",
150
+ "3",
151
+ ]
152
+ }
153
+ highlightedSuggestion={null}
154
+ isOpen={true}
155
+ onClick={[Function]}
156
+ shouldAllowEmpty={false}
157
+ theme={
158
+ Object {
159
+ "checkBoxItem": "multiselect-check-box-item",
160
+ "checkBoxSemi": "semi",
161
+ "clearIcon": "multiselect-clear-icon",
162
+ "container": "suggestion-wrapper",
163
+ "containerTop": "pos-top",
164
+ "containerVisible": "visible",
165
+ "group": "suggestion-group",
166
+ "groupLabel": "suggestion-group-label",
167
+ "input": "multiselect-input",
168
+ "inputFocused": "focused",
169
+ "inputWrapper": "multiselect-input-wrapper",
170
+ "inputWrapperDisabled": "disabled",
171
+ "inputWrapperFocused": "focused",
172
+ "inputWrapperInvalid": "danger",
173
+ "inputWrapperRequired": "required",
174
+ "item": "suggestion-item",
175
+ "itemHighlighted": "highlighted",
176
+ "itemPlaceholder": "placeholder",
177
+ "itemSelected": "selected",
178
+ "list": "suggestion-list",
179
+ "noSuggestions": "nodata",
180
+ "placeholder": "multiselect-placeholder",
181
+ "tagsContainer": "multiselect-tags-container",
182
+ "tagsUnion": "multiselect-tags-union",
183
+ "wrapper": "multiselect-wrapper",
184
+ }
185
+ }
186
+ value={
187
+ Array [
188
+ "1",
189
+ ]
190
+ }
191
+ >
192
+ <Div
193
+ className="suggestion-wrapper"
194
+ onMouseDown={[Function]}
195
+ >
196
+ <div
197
+ className="suggestion-wrapper"
198
+ onMouseDown={[Function]}
199
+ >
200
+ <List
201
+ className="suggestion-list"
202
+ >
203
+ <Ul
204
+ className="suggestion-list"
205
+ >
206
+ <ul
207
+ className="suggestion-list"
208
+ >
209
+ <SuggestionItem
210
+ isHighlighted={false}
211
+ isPlaceholder={false}
212
+ isScrollTarget={false}
213
+ isSelectAllItem={false}
214
+ isSelected={false}
215
+ item="2"
216
+ key="2"
217
+ onClick={[Function]}
218
+ suggestionRef={
219
+ Object {
220
+ "current": null,
221
+ }
222
+ }
223
+ text="2"
224
+ theme={
225
+ Object {
226
+ "checkBoxItem": "multiselect-check-box-item",
227
+ "checkBoxSemi": "semi",
228
+ "clearIcon": "multiselect-clear-icon",
229
+ "container": "suggestion-wrapper",
230
+ "containerTop": "pos-top",
231
+ "containerVisible": "visible",
232
+ "group": "suggestion-group",
233
+ "groupLabel": "suggestion-group-label",
234
+ "input": "multiselect-input",
235
+ "inputFocused": "focused",
236
+ "inputWrapper": "multiselect-input-wrapper",
237
+ "inputWrapperDisabled": "disabled",
238
+ "inputWrapperFocused": "focused",
239
+ "inputWrapperInvalid": "danger",
240
+ "inputWrapperRequired": "required",
241
+ "item": "suggestion-item",
242
+ "itemHighlighted": "highlighted",
243
+ "itemPlaceholder": "placeholder",
244
+ "itemSelected": "selected",
245
+ "list": "suggestion-list",
246
+ "noSuggestions": "nodata",
247
+ "placeholder": "multiselect-placeholder",
248
+ "tagsContainer": "multiselect-tags-container",
249
+ "tagsUnion": "multiselect-tags-union",
250
+ "wrapper": "multiselect-wrapper",
251
+ }
252
+ }
253
+ >
254
+ <Suggestion
255
+ className="suggestion-item"
256
+ onClick={[Function]}
257
+ >
258
+ <Li
259
+ className="suggestion-item"
260
+ onClick={[Function]}
261
+ >
262
+ <li
263
+ className="suggestion-item"
264
+ onClick={[Function]}
265
+ >
266
+ 2
267
+ </li>
268
+ </Li>
269
+ </Suggestion>
270
+ </SuggestionItem>
271
+ <SuggestionItem
272
+ isHighlighted={false}
273
+ isPlaceholder={false}
274
+ isScrollTarget={false}
275
+ isSelectAllItem={false}
276
+ isSelected={false}
277
+ item="3"
278
+ key="3"
279
+ onClick={[Function]}
280
+ suggestionRef={
281
+ Object {
282
+ "current": null,
283
+ }
284
+ }
285
+ text="3"
286
+ theme={
287
+ Object {
288
+ "checkBoxItem": "multiselect-check-box-item",
289
+ "checkBoxSemi": "semi",
290
+ "clearIcon": "multiselect-clear-icon",
291
+ "container": "suggestion-wrapper",
292
+ "containerTop": "pos-top",
293
+ "containerVisible": "visible",
294
+ "group": "suggestion-group",
295
+ "groupLabel": "suggestion-group-label",
296
+ "input": "multiselect-input",
297
+ "inputFocused": "focused",
298
+ "inputWrapper": "multiselect-input-wrapper",
299
+ "inputWrapperDisabled": "disabled",
300
+ "inputWrapperFocused": "focused",
301
+ "inputWrapperInvalid": "danger",
302
+ "inputWrapperRequired": "required",
303
+ "item": "suggestion-item",
304
+ "itemHighlighted": "highlighted",
305
+ "itemPlaceholder": "placeholder",
306
+ "itemSelected": "selected",
307
+ "list": "suggestion-list",
308
+ "noSuggestions": "nodata",
309
+ "placeholder": "multiselect-placeholder",
310
+ "tagsContainer": "multiselect-tags-container",
311
+ "tagsUnion": "multiselect-tags-union",
312
+ "wrapper": "multiselect-wrapper",
313
+ }
314
+ }
315
+ >
316
+ <Suggestion
317
+ className="suggestion-item"
318
+ onClick={[Function]}
319
+ >
320
+ <Li
321
+ className="suggestion-item"
322
+ onClick={[Function]}
323
+ >
324
+ <li
325
+ className="suggestion-item"
326
+ onClick={[Function]}
327
+ >
328
+ 3
329
+ </li>
330
+ </Li>
331
+ </Suggestion>
332
+ </SuggestionItem>
333
+ </ul>
334
+ </Ul>
335
+ </List>
336
+ </div>
337
+ </Div>
338
+ </SuggestionList>
339
+ <InvalidMessageWrapper>
340
+ <InvalidMessage
341
+ isValid={true}
342
+ messages={Array []}
343
+ >
344
+ <Component
345
+ isValid={true}
346
+ messages={Array []}
347
+ />
348
+ </InvalidMessage>
349
+ </InvalidMessageWrapper>
350
+ </div>
351
+ </Div>
352
+ </Wrapper>
353
+ </MultiSelect>
354
+ `;
355
+
356
+ exports[`MultiSelect ATTRIBUTES should list loading 1`] = `
357
+ <MultiSelect
358
+ data={
359
+ Array [
360
+ "1",
361
+ "2",
362
+ "3",
363
+ ]
364
+ }
365
+ isLoading={true}
366
+ isOpen={true}
367
+ onChange={[MockFunction]}
368
+ value={
369
+ Array [
370
+ "1",
371
+ ]
372
+ }
373
+ >
374
+ <Wrapper
375
+ className="multiselect-wrapper"
376
+ >
377
+ <Div
378
+ className="multiselect-wrapper"
379
+ >
380
+ <div
381
+ className="multiselect-wrapper"
382
+ >
383
+ <Div
384
+ className="multiselect-input-wrapper"
385
+ onMouseDown={[Function]}
386
+ >
387
+ <div
388
+ className="multiselect-input-wrapper"
389
+ onMouseDown={[Function]}
390
+ >
391
+ <TagsContainer
392
+ onClearIconClick={[Function]}
393
+ onMouseDown={[Function]}
394
+ onTagClick={[Function]}
395
+ theme={
396
+ Object {
397
+ "checkBoxItem": "multiselect-check-box-item",
398
+ "checkBoxSemi": "semi",
399
+ "clearIcon": "multiselect-clear-icon",
400
+ "container": "suggestion-wrapper",
401
+ "containerTop": "pos-top",
402
+ "containerVisible": "visible",
403
+ "group": "suggestion-group",
404
+ "groupLabel": "suggestion-group-label",
405
+ "input": "multiselect-input",
406
+ "inputFocused": "focused",
407
+ "inputWrapper": "multiselect-input-wrapper",
408
+ "inputWrapperDisabled": "disabled",
409
+ "inputWrapperFocused": "focused",
410
+ "inputWrapperInvalid": "danger",
411
+ "inputWrapperRequired": "required",
412
+ "item": "suggestion-item",
413
+ "itemHighlighted": "highlighted",
414
+ "itemPlaceholder": "placeholder",
415
+ "itemSelected": "selected",
416
+ "list": "suggestion-list",
417
+ "noSuggestions": "nodata",
418
+ "placeholder": "multiselect-placeholder",
419
+ "tagsContainer": "multiselect-tags-container",
420
+ "tagsUnion": "multiselect-tags-union",
421
+ "wrapper": "multiselect-wrapper",
422
+ }
423
+ }
424
+ value={
425
+ Array [
426
+ "1",
427
+ ]
428
+ }
429
+ >
430
+ <Div
431
+ className="multiselect-tags-container"
432
+ onMouseDown={[Function]}
433
+ >
434
+ <div
435
+ className="multiselect-tags-container"
436
+ onMouseDown={[Function]}
437
+ >
438
+ <TagItem
439
+ key="0"
440
+ onIconClick={[Function]}
441
+ >
442
+ <Tag
443
+ onIconClick={[Function]}
444
+ >
445
+ <Wrapper
446
+ className="tags-item"
447
+ >
448
+ <Span
449
+ className="tags-item"
450
+ >
451
+ <span
452
+ className="tags-item"
453
+ >
454
+ 1
455
+ <Icon
456
+ className="tags-icon icon-default"
457
+ onClick={[Function]}
458
+ >
459
+ <Span
460
+ className="tags-icon icon-default"
461
+ onClick={[Function]}
462
+ >
463
+ <span
464
+ className="tags-icon icon-default"
465
+ onClick={[Function]}
466
+ />
467
+ </Span>
468
+ </Icon>
469
+ </span>
470
+ </Span>
471
+ </Wrapper>
472
+ </Tag>
473
+ </TagItem>
474
+ </div>
475
+ </Div>
476
+ </TagsContainer>
477
+ <Input
478
+ aria-invalid={false}
479
+ autoComplete="off"
480
+ className="multiselect-input"
481
+ onBlur={[Function]}
482
+ onChange={[Function]}
483
+ onFocus={[Function]}
484
+ onKeyDown={[Function]}
485
+ value=""
486
+ >
487
+ <input
488
+ aria-invalid={false}
489
+ autoComplete="off"
490
+ className="multiselect-input"
491
+ onBlur={[Function]}
492
+ onChange={[Function]}
493
+ onFocus={[Function]}
494
+ onKeyDown={[Function]}
495
+ value=""
496
+ />
497
+ </Input>
498
+ </div>
499
+ </Div>
500
+ <SuggestionList
501
+ data={
502
+ Array [
503
+ "2",
504
+ "3",
505
+ ]
506
+ }
507
+ highlightedSuggestion={null}
508
+ isLoading={true}
509
+ isOpen={true}
510
+ onClick={[Function]}
511
+ shouldAllowEmpty={false}
512
+ theme={
513
+ Object {
514
+ "checkBoxItem": "multiselect-check-box-item",
515
+ "checkBoxSemi": "semi",
516
+ "clearIcon": "multiselect-clear-icon",
517
+ "container": "suggestion-wrapper",
518
+ "containerTop": "pos-top",
519
+ "containerVisible": "visible",
520
+ "group": "suggestion-group",
521
+ "groupLabel": "suggestion-group-label",
522
+ "input": "multiselect-input",
523
+ "inputFocused": "focused",
524
+ "inputWrapper": "multiselect-input-wrapper",
525
+ "inputWrapperDisabled": "disabled",
526
+ "inputWrapperFocused": "focused",
527
+ "inputWrapperInvalid": "danger",
528
+ "inputWrapperRequired": "required",
529
+ "item": "suggestion-item",
530
+ "itemHighlighted": "highlighted",
531
+ "itemPlaceholder": "placeholder",
532
+ "itemSelected": "selected",
533
+ "list": "suggestion-list",
534
+ "noSuggestions": "nodata",
535
+ "placeholder": "multiselect-placeholder",
536
+ "tagsContainer": "multiselect-tags-container",
537
+ "tagsUnion": "multiselect-tags-union",
538
+ "wrapper": "multiselect-wrapper",
539
+ }
540
+ }
541
+ value={
542
+ Array [
543
+ "1",
544
+ ]
545
+ }
546
+ >
547
+ <Div
548
+ className="suggestion-wrapper"
549
+ onMouseDown={[Function]}
550
+ >
551
+ <div
552
+ className="suggestion-wrapper"
553
+ onMouseDown={[Function]}
554
+ >
555
+ <Loader>
556
+ <Div
557
+ className="loader-wrapper"
558
+ >
559
+ <div
560
+ className="loader-wrapper"
561
+ >
562
+ <div
563
+ className="loader-container"
564
+ >
565
+ <Icon
566
+ className="loader-element"
567
+ >
568
+ <Span
569
+ className="loader-element"
570
+ >
571
+ <span
572
+ className="loader-element"
573
+ />
574
+ </Span>
575
+ </Icon>
576
+ </div>
577
+ </div>
578
+ </Div>
579
+ </Loader>
580
+ </div>
581
+ </Div>
582
+ </SuggestionList>
583
+ <InvalidMessageWrapper>
584
+ <InvalidMessage
585
+ isValid={true}
586
+ messages={Array []}
587
+ >
588
+ <Component
589
+ isValid={true}
590
+ messages={Array []}
591
+ />
592
+ </InvalidMessage>
593
+ </InvalidMessageWrapper>
594
+ </div>
595
+ </Div>
596
+ </Wrapper>
597
+ </MultiSelect>
598
+ `;
599
+
600
+ exports[`MultiSelect ATTRIBUTES should render noData template 1`] = `
601
+ <MultiSelect
602
+ data={
603
+ Array [
604
+ "1",
605
+ "2",
606
+ "3",
607
+ ]
608
+ }
609
+ isOpen={true}
610
+ onChange={[MockFunction]}
611
+ value={
612
+ Array [
613
+ "1",
614
+ ]
615
+ }
616
+ >
617
+ <Wrapper
618
+ className="multiselect-wrapper"
619
+ >
620
+ <Div
621
+ className="multiselect-wrapper"
622
+ >
623
+ <div
624
+ className="multiselect-wrapper"
625
+ >
626
+ <Div
627
+ className="multiselect-input-wrapper"
628
+ onMouseDown={[Function]}
629
+ >
630
+ <div
631
+ className="multiselect-input-wrapper"
632
+ onMouseDown={[Function]}
633
+ >
634
+ <TagsContainer
635
+ onClearIconClick={[Function]}
636
+ onMouseDown={[Function]}
637
+ onTagClick={[Function]}
638
+ theme={
639
+ Object {
640
+ "checkBoxItem": "multiselect-check-box-item",
641
+ "checkBoxSemi": "semi",
642
+ "clearIcon": "multiselect-clear-icon",
643
+ "container": "suggestion-wrapper",
644
+ "containerTop": "pos-top",
645
+ "containerVisible": "visible",
646
+ "group": "suggestion-group",
647
+ "groupLabel": "suggestion-group-label",
648
+ "input": "multiselect-input",
649
+ "inputFocused": "focused",
650
+ "inputWrapper": "multiselect-input-wrapper",
651
+ "inputWrapperDisabled": "disabled",
652
+ "inputWrapperFocused": "focused",
653
+ "inputWrapperInvalid": "danger",
654
+ "inputWrapperRequired": "required",
655
+ "item": "suggestion-item",
656
+ "itemHighlighted": "highlighted",
657
+ "itemPlaceholder": "placeholder",
658
+ "itemSelected": "selected",
659
+ "list": "suggestion-list",
660
+ "noSuggestions": "nodata",
661
+ "placeholder": "multiselect-placeholder",
662
+ "tagsContainer": "multiselect-tags-container",
663
+ "tagsUnion": "multiselect-tags-union",
664
+ "wrapper": "multiselect-wrapper",
665
+ }
666
+ }
667
+ value={
668
+ Array [
669
+ "1",
670
+ ]
671
+ }
672
+ >
673
+ <Div
674
+ className="multiselect-tags-container"
675
+ onMouseDown={[Function]}
676
+ >
677
+ <div
678
+ className="multiselect-tags-container"
679
+ onMouseDown={[Function]}
680
+ >
681
+ <TagItem
682
+ key="0"
683
+ onIconClick={[Function]}
684
+ >
685
+ <Tag
686
+ onIconClick={[Function]}
687
+ >
688
+ <Wrapper
689
+ className="tags-item"
690
+ >
691
+ <Span
692
+ className="tags-item"
693
+ >
694
+ <span
695
+ className="tags-item"
696
+ >
697
+ 1
698
+ <Icon
699
+ className="tags-icon icon-default"
700
+ onClick={[Function]}
701
+ >
702
+ <Span
703
+ className="tags-icon icon-default"
704
+ onClick={[Function]}
705
+ >
706
+ <span
707
+ className="tags-icon icon-default"
708
+ onClick={[Function]}
709
+ />
710
+ </Span>
711
+ </Icon>
712
+ </span>
713
+ </Span>
714
+ </Wrapper>
715
+ </Tag>
716
+ </TagItem>
717
+ </div>
718
+ </Div>
719
+ </TagsContainer>
720
+ <Input
721
+ aria-invalid={false}
722
+ autoComplete="off"
723
+ className="multiselect-input"
724
+ onBlur={[Function]}
725
+ onChange={[Function]}
726
+ onFocus={[Function]}
727
+ onKeyDown={[Function]}
728
+ value=""
729
+ >
730
+ <input
731
+ aria-invalid={false}
732
+ autoComplete="off"
733
+ className="multiselect-input"
734
+ onBlur={[Function]}
735
+ onChange={[Function]}
736
+ onFocus={[Function]}
737
+ onKeyDown={[Function]}
738
+ value=""
739
+ />
740
+ </Input>
741
+ </div>
742
+ </Div>
743
+ <SuggestionList
744
+ data={
745
+ Array [
746
+ "2",
747
+ "3",
748
+ ]
749
+ }
750
+ highlightedSuggestion={null}
751
+ isOpen={true}
752
+ onClick={[Function]}
753
+ shouldAllowEmpty={false}
754
+ theme={
755
+ Object {
756
+ "checkBoxItem": "multiselect-check-box-item",
757
+ "checkBoxSemi": "semi",
758
+ "clearIcon": "multiselect-clear-icon",
759
+ "container": "suggestion-wrapper",
760
+ "containerTop": "pos-top",
761
+ "containerVisible": "visible",
762
+ "group": "suggestion-group",
763
+ "groupLabel": "suggestion-group-label",
764
+ "input": "multiselect-input",
765
+ "inputFocused": "focused",
766
+ "inputWrapper": "multiselect-input-wrapper",
767
+ "inputWrapperDisabled": "disabled",
768
+ "inputWrapperFocused": "focused",
769
+ "inputWrapperInvalid": "danger",
770
+ "inputWrapperRequired": "required",
771
+ "item": "suggestion-item",
772
+ "itemHighlighted": "highlighted",
773
+ "itemPlaceholder": "placeholder",
774
+ "itemSelected": "selected",
775
+ "list": "suggestion-list",
776
+ "noSuggestions": "nodata",
777
+ "placeholder": "multiselect-placeholder",
778
+ "tagsContainer": "multiselect-tags-container",
779
+ "tagsUnion": "multiselect-tags-union",
780
+ "wrapper": "multiselect-wrapper",
781
+ }
782
+ }
783
+ value={
784
+ Array [
785
+ "1",
786
+ ]
787
+ }
788
+ >
789
+ <Div
790
+ className="suggestion-wrapper"
791
+ onMouseDown={[Function]}
792
+ >
793
+ <div
794
+ className="suggestion-wrapper"
795
+ onMouseDown={[Function]}
796
+ >
797
+ <List
798
+ className="suggestion-list"
799
+ >
800
+ <Ul
801
+ className="suggestion-list"
802
+ >
803
+ <ul
804
+ className="suggestion-list"
805
+ >
806
+ <SuggestionItem
807
+ isHighlighted={false}
808
+ isPlaceholder={false}
809
+ isScrollTarget={false}
810
+ isSelectAllItem={false}
811
+ isSelected={false}
812
+ item="2"
813
+ key="2"
814
+ onClick={[Function]}
815
+ suggestionRef={
816
+ Object {
817
+ "current": null,
818
+ }
819
+ }
820
+ text="2"
821
+ theme={
822
+ Object {
823
+ "checkBoxItem": "multiselect-check-box-item",
824
+ "checkBoxSemi": "semi",
825
+ "clearIcon": "multiselect-clear-icon",
826
+ "container": "suggestion-wrapper",
827
+ "containerTop": "pos-top",
828
+ "containerVisible": "visible",
829
+ "group": "suggestion-group",
830
+ "groupLabel": "suggestion-group-label",
831
+ "input": "multiselect-input",
832
+ "inputFocused": "focused",
833
+ "inputWrapper": "multiselect-input-wrapper",
834
+ "inputWrapperDisabled": "disabled",
835
+ "inputWrapperFocused": "focused",
836
+ "inputWrapperInvalid": "danger",
837
+ "inputWrapperRequired": "required",
838
+ "item": "suggestion-item",
839
+ "itemHighlighted": "highlighted",
840
+ "itemPlaceholder": "placeholder",
841
+ "itemSelected": "selected",
842
+ "list": "suggestion-list",
843
+ "noSuggestions": "nodata",
844
+ "placeholder": "multiselect-placeholder",
845
+ "tagsContainer": "multiselect-tags-container",
846
+ "tagsUnion": "multiselect-tags-union",
847
+ "wrapper": "multiselect-wrapper",
848
+ }
849
+ }
850
+ >
851
+ <Suggestion
852
+ className="suggestion-item"
853
+ onClick={[Function]}
854
+ >
855
+ <Li
856
+ className="suggestion-item"
857
+ onClick={[Function]}
858
+ >
859
+ <li
860
+ className="suggestion-item"
861
+ onClick={[Function]}
862
+ >
863
+ 2
864
+ </li>
865
+ </Li>
866
+ </Suggestion>
867
+ </SuggestionItem>
868
+ <SuggestionItem
869
+ isHighlighted={false}
870
+ isPlaceholder={false}
871
+ isScrollTarget={false}
872
+ isSelectAllItem={false}
873
+ isSelected={false}
874
+ item="3"
875
+ key="3"
876
+ onClick={[Function]}
877
+ suggestionRef={
878
+ Object {
879
+ "current": null,
880
+ }
881
+ }
882
+ text="3"
883
+ theme={
884
+ Object {
885
+ "checkBoxItem": "multiselect-check-box-item",
886
+ "checkBoxSemi": "semi",
887
+ "clearIcon": "multiselect-clear-icon",
888
+ "container": "suggestion-wrapper",
889
+ "containerTop": "pos-top",
890
+ "containerVisible": "visible",
891
+ "group": "suggestion-group",
892
+ "groupLabel": "suggestion-group-label",
893
+ "input": "multiselect-input",
894
+ "inputFocused": "focused",
895
+ "inputWrapper": "multiselect-input-wrapper",
896
+ "inputWrapperDisabled": "disabled",
897
+ "inputWrapperFocused": "focused",
898
+ "inputWrapperInvalid": "danger",
899
+ "inputWrapperRequired": "required",
900
+ "item": "suggestion-item",
901
+ "itemHighlighted": "highlighted",
902
+ "itemPlaceholder": "placeholder",
903
+ "itemSelected": "selected",
904
+ "list": "suggestion-list",
905
+ "noSuggestions": "nodata",
906
+ "placeholder": "multiselect-placeholder",
907
+ "tagsContainer": "multiselect-tags-container",
908
+ "tagsUnion": "multiselect-tags-union",
909
+ "wrapper": "multiselect-wrapper",
910
+ }
911
+ }
912
+ >
913
+ <Suggestion
914
+ className="suggestion-item"
915
+ onClick={[Function]}
916
+ >
917
+ <Li
918
+ className="suggestion-item"
919
+ onClick={[Function]}
920
+ >
921
+ <li
922
+ className="suggestion-item"
923
+ onClick={[Function]}
924
+ >
925
+ 3
926
+ </li>
927
+ </Li>
928
+ </Suggestion>
929
+ </SuggestionItem>
930
+ </ul>
931
+ </Ul>
932
+ </List>
933
+ </div>
934
+ </Div>
935
+ </SuggestionList>
936
+ <InvalidMessageWrapper>
937
+ <InvalidMessage
938
+ isValid={true}
939
+ messages={Array []}
940
+ >
941
+ <Component
942
+ isValid={true}
943
+ messages={Array []}
944
+ />
945
+ </InvalidMessage>
946
+ </InvalidMessageWrapper>
947
+ </div>
948
+ </Div>
949
+ </Wrapper>
950
+ </MultiSelect>
951
+ `;
952
+
953
+ exports[`MultiSelect ATTRIBUTES should render noData template 2`] = `
954
+ <MultiSelect
955
+ data={
956
+ Array [
957
+ "1",
958
+ "2",
959
+ "3",
960
+ ]
961
+ }
962
+ isOpen={true}
963
+ onChange={[MockFunction]}
964
+ value={
965
+ Array [
966
+ "1",
967
+ ]
968
+ }
969
+ >
970
+ <Wrapper
971
+ className="multiselect-wrapper"
972
+ >
973
+ <Div
974
+ className="multiselect-wrapper"
975
+ >
976
+ <div
977
+ className="multiselect-wrapper"
978
+ >
979
+ <Div
980
+ className="multiselect-input-wrapper"
981
+ onMouseDown={[Function]}
982
+ >
983
+ <div
984
+ className="multiselect-input-wrapper"
985
+ onMouseDown={[Function]}
986
+ >
987
+ <TagsContainer
988
+ onClearIconClick={[Function]}
989
+ onMouseDown={[Function]}
990
+ onTagClick={[Function]}
991
+ theme={
992
+ Object {
993
+ "checkBoxItem": "multiselect-check-box-item",
994
+ "checkBoxSemi": "semi",
995
+ "clearIcon": "multiselect-clear-icon",
996
+ "container": "suggestion-wrapper",
997
+ "containerTop": "pos-top",
998
+ "containerVisible": "visible",
999
+ "group": "suggestion-group",
1000
+ "groupLabel": "suggestion-group-label",
1001
+ "input": "multiselect-input",
1002
+ "inputFocused": "focused",
1003
+ "inputWrapper": "multiselect-input-wrapper",
1004
+ "inputWrapperDisabled": "disabled",
1005
+ "inputWrapperFocused": "focused",
1006
+ "inputWrapperInvalid": "danger",
1007
+ "inputWrapperRequired": "required",
1008
+ "item": "suggestion-item",
1009
+ "itemHighlighted": "highlighted",
1010
+ "itemPlaceholder": "placeholder",
1011
+ "itemSelected": "selected",
1012
+ "list": "suggestion-list",
1013
+ "noSuggestions": "nodata",
1014
+ "placeholder": "multiselect-placeholder",
1015
+ "tagsContainer": "multiselect-tags-container",
1016
+ "tagsUnion": "multiselect-tags-union",
1017
+ "wrapper": "multiselect-wrapper",
1018
+ }
1019
+ }
1020
+ value={
1021
+ Array [
1022
+ "1",
1023
+ ]
1024
+ }
1025
+ >
1026
+ <Div
1027
+ className="multiselect-tags-container"
1028
+ onMouseDown={[Function]}
1029
+ >
1030
+ <div
1031
+ className="multiselect-tags-container"
1032
+ onMouseDown={[Function]}
1033
+ >
1034
+ <TagItem
1035
+ key="0"
1036
+ onIconClick={[Function]}
1037
+ >
1038
+ <Tag
1039
+ onIconClick={[Function]}
1040
+ >
1041
+ <Wrapper
1042
+ className="tags-item"
1043
+ >
1044
+ <Span
1045
+ className="tags-item"
1046
+ >
1047
+ <span
1048
+ className="tags-item"
1049
+ >
1050
+ 1
1051
+ <Icon
1052
+ className="tags-icon icon-default"
1053
+ onClick={[Function]}
1054
+ >
1055
+ <Span
1056
+ className="tags-icon icon-default"
1057
+ onClick={[Function]}
1058
+ >
1059
+ <span
1060
+ className="tags-icon icon-default"
1061
+ onClick={[Function]}
1062
+ />
1063
+ </Span>
1064
+ </Icon>
1065
+ </span>
1066
+ </Span>
1067
+ </Wrapper>
1068
+ </Tag>
1069
+ </TagItem>
1070
+ </div>
1071
+ </Div>
1072
+ </TagsContainer>
1073
+ <Input
1074
+ aria-invalid={false}
1075
+ autoComplete="off"
1076
+ className="multiselect-input"
1077
+ onBlur={[Function]}
1078
+ onChange={[Function]}
1079
+ onFocus={[Function]}
1080
+ onKeyDown={[Function]}
1081
+ value="test"
1082
+ >
1083
+ <input
1084
+ aria-invalid={false}
1085
+ autoComplete="off"
1086
+ className="multiselect-input"
1087
+ onBlur={[Function]}
1088
+ onChange={[Function]}
1089
+ onFocus={[Function]}
1090
+ onKeyDown={[Function]}
1091
+ value="test"
1092
+ />
1093
+ </Input>
1094
+ </div>
1095
+ </Div>
1096
+ <SuggestionList
1097
+ data={Array []}
1098
+ highlightedSuggestion={null}
1099
+ isOpen={true}
1100
+ onClick={[Function]}
1101
+ shouldAllowEmpty={false}
1102
+ theme={
1103
+ Object {
1104
+ "checkBoxItem": "multiselect-check-box-item",
1105
+ "checkBoxSemi": "semi",
1106
+ "clearIcon": "multiselect-clear-icon",
1107
+ "container": "suggestion-wrapper",
1108
+ "containerTop": "pos-top",
1109
+ "containerVisible": "visible",
1110
+ "group": "suggestion-group",
1111
+ "groupLabel": "suggestion-group-label",
1112
+ "input": "multiselect-input",
1113
+ "inputFocused": "focused",
1114
+ "inputWrapper": "multiselect-input-wrapper",
1115
+ "inputWrapperDisabled": "disabled",
1116
+ "inputWrapperFocused": "focused",
1117
+ "inputWrapperInvalid": "danger",
1118
+ "inputWrapperRequired": "required",
1119
+ "item": "suggestion-item",
1120
+ "itemHighlighted": "highlighted",
1121
+ "itemPlaceholder": "placeholder",
1122
+ "itemSelected": "selected",
1123
+ "list": "suggestion-list",
1124
+ "noSuggestions": "nodata",
1125
+ "placeholder": "multiselect-placeholder",
1126
+ "tagsContainer": "multiselect-tags-container",
1127
+ "tagsUnion": "multiselect-tags-union",
1128
+ "wrapper": "multiselect-wrapper",
1129
+ }
1130
+ }
1131
+ value={
1132
+ Array [
1133
+ "1",
1134
+ ]
1135
+ }
1136
+ >
1137
+ <Div
1138
+ className="suggestion-wrapper"
1139
+ onMouseDown={[Function]}
1140
+ >
1141
+ <div
1142
+ className="suggestion-wrapper"
1143
+ onMouseDown={[Function]}
1144
+ >
1145
+ <NoSuggestions
1146
+ className="nodata"
1147
+ >
1148
+ <Component
1149
+ className="nodata"
1150
+ >
1151
+ <Div
1152
+ className="nodata"
1153
+ >
1154
+ <div
1155
+ className="nodata"
1156
+ >
1157
+ Ничего не найдено
1158
+ </div>
1159
+ </Div>
1160
+ </Component>
1161
+ </NoSuggestions>
1162
+ </div>
1163
+ </Div>
1164
+ </SuggestionList>
1165
+ <InvalidMessageWrapper>
1166
+ <InvalidMessage
1167
+ isValid={true}
1168
+ messages={Array []}
1169
+ >
1170
+ <Component
1171
+ isValid={true}
1172
+ messages={Array []}
1173
+ />
1174
+ </InvalidMessage>
1175
+ </InvalidMessageWrapper>
1176
+ </div>
1177
+ </Div>
1178
+ </Wrapper>
1179
+ </MultiSelect>
1180
+ `;
1181
+
1182
+ exports[`MultiSelect HANDLERS should test onBlur 1`] = `
1183
+ <MultiSelect
1184
+ data={
1185
+ Array [
1186
+ "1",
1187
+ "2",
1188
+ "3",
1189
+ ]
1190
+ }
1191
+ name="auto"
1192
+ onBlur={[MockFunction]}
1193
+ onChange={[MockFunction]}
1194
+ value={
1195
+ Array [
1196
+ "1",
1197
+ ]
1198
+ }
1199
+ >
1200
+ <Wrapper
1201
+ className="multiselect-wrapper"
1202
+ >
1203
+ <Div
1204
+ className="multiselect-wrapper"
1205
+ >
1206
+ <div
1207
+ className="multiselect-wrapper"
1208
+ >
1209
+ <Div
1210
+ className="multiselect-input-wrapper"
1211
+ onMouseDown={[Function]}
1212
+ >
1213
+ <div
1214
+ className="multiselect-input-wrapper"
1215
+ onMouseDown={[Function]}
1216
+ >
1217
+ <TagsContainer
1218
+ onClearIconClick={[Function]}
1219
+ onMouseDown={[Function]}
1220
+ onTagClick={[Function]}
1221
+ theme={
1222
+ Object {
1223
+ "checkBoxItem": "multiselect-check-box-item",
1224
+ "checkBoxSemi": "semi",
1225
+ "clearIcon": "multiselect-clear-icon",
1226
+ "container": "suggestion-wrapper",
1227
+ "containerTop": "pos-top",
1228
+ "containerVisible": "visible",
1229
+ "group": "suggestion-group",
1230
+ "groupLabel": "suggestion-group-label",
1231
+ "input": "multiselect-input",
1232
+ "inputFocused": "focused",
1233
+ "inputWrapper": "multiselect-input-wrapper",
1234
+ "inputWrapperDisabled": "disabled",
1235
+ "inputWrapperFocused": "focused",
1236
+ "inputWrapperInvalid": "danger",
1237
+ "inputWrapperRequired": "required",
1238
+ "item": "suggestion-item",
1239
+ "itemHighlighted": "highlighted",
1240
+ "itemPlaceholder": "placeholder",
1241
+ "itemSelected": "selected",
1242
+ "list": "suggestion-list",
1243
+ "noSuggestions": "nodata",
1244
+ "placeholder": "multiselect-placeholder",
1245
+ "tagsContainer": "multiselect-tags-container",
1246
+ "tagsUnion": "multiselect-tags-union",
1247
+ "wrapper": "multiselect-wrapper",
1248
+ }
1249
+ }
1250
+ value={
1251
+ Array [
1252
+ "1",
1253
+ ]
1254
+ }
1255
+ >
1256
+ <Div
1257
+ className="multiselect-tags-container"
1258
+ onMouseDown={[Function]}
1259
+ >
1260
+ <div
1261
+ className="multiselect-tags-container"
1262
+ onMouseDown={[Function]}
1263
+ >
1264
+ <TagItem
1265
+ key="0"
1266
+ onIconClick={[Function]}
1267
+ >
1268
+ <Tag
1269
+ onIconClick={[Function]}
1270
+ >
1271
+ <Wrapper
1272
+ className="tags-item"
1273
+ >
1274
+ <Span
1275
+ className="tags-item"
1276
+ >
1277
+ <span
1278
+ className="tags-item"
1279
+ >
1280
+ 1
1281
+ <Icon
1282
+ className="tags-icon icon-default"
1283
+ onClick={[Function]}
1284
+ >
1285
+ <Span
1286
+ className="tags-icon icon-default"
1287
+ onClick={[Function]}
1288
+ >
1289
+ <span
1290
+ className="tags-icon icon-default"
1291
+ onClick={[Function]}
1292
+ />
1293
+ </Span>
1294
+ </Icon>
1295
+ </span>
1296
+ </Span>
1297
+ </Wrapper>
1298
+ </Tag>
1299
+ </TagItem>
1300
+ </div>
1301
+ </Div>
1302
+ </TagsContainer>
1303
+ <Input
1304
+ aria-invalid={false}
1305
+ autoComplete="off"
1306
+ className="multiselect-input"
1307
+ name="auto"
1308
+ onBlur={[Function]}
1309
+ onChange={[Function]}
1310
+ onFocus={[Function]}
1311
+ onKeyDown={[Function]}
1312
+ value=""
1313
+ >
1314
+ <input
1315
+ aria-invalid={false}
1316
+ autoComplete="off"
1317
+ className="multiselect-input"
1318
+ name="auto"
1319
+ onBlur={[Function]}
1320
+ onChange={[Function]}
1321
+ onFocus={[Function]}
1322
+ onKeyDown={[Function]}
1323
+ value=""
1324
+ />
1325
+ </Input>
1326
+ </div>
1327
+ </Div>
1328
+ <SuggestionList
1329
+ data={
1330
+ Array [
1331
+ "2",
1332
+ "3",
1333
+ ]
1334
+ }
1335
+ highlightedSuggestion={null}
1336
+ isOpen={false}
1337
+ onClick={[Function]}
1338
+ shouldAllowEmpty={false}
1339
+ theme={
1340
+ Object {
1341
+ "checkBoxItem": "multiselect-check-box-item",
1342
+ "checkBoxSemi": "semi",
1343
+ "clearIcon": "multiselect-clear-icon",
1344
+ "container": "suggestion-wrapper",
1345
+ "containerTop": "pos-top",
1346
+ "containerVisible": "visible",
1347
+ "group": "suggestion-group",
1348
+ "groupLabel": "suggestion-group-label",
1349
+ "input": "multiselect-input",
1350
+ "inputFocused": "focused",
1351
+ "inputWrapper": "multiselect-input-wrapper",
1352
+ "inputWrapperDisabled": "disabled",
1353
+ "inputWrapperFocused": "focused",
1354
+ "inputWrapperInvalid": "danger",
1355
+ "inputWrapperRequired": "required",
1356
+ "item": "suggestion-item",
1357
+ "itemHighlighted": "highlighted",
1358
+ "itemPlaceholder": "placeholder",
1359
+ "itemSelected": "selected",
1360
+ "list": "suggestion-list",
1361
+ "noSuggestions": "nodata",
1362
+ "placeholder": "multiselect-placeholder",
1363
+ "tagsContainer": "multiselect-tags-container",
1364
+ "tagsUnion": "multiselect-tags-union",
1365
+ "wrapper": "multiselect-wrapper",
1366
+ }
1367
+ }
1368
+ value={
1369
+ Array [
1370
+ "1",
1371
+ ]
1372
+ }
1373
+ />
1374
+ <InvalidMessageWrapper>
1375
+ <InvalidMessage
1376
+ isValid={true}
1377
+ messages={Array []}
1378
+ >
1379
+ <Component
1380
+ isValid={true}
1381
+ messages={Array []}
1382
+ />
1383
+ </InvalidMessage>
1384
+ </InvalidMessageWrapper>
1385
+ </div>
1386
+ </Div>
1387
+ </Wrapper>
1388
+ </MultiSelect>
1389
+ `;
1390
+
1391
+ exports[`MultiSelect HANDLERS should test onBlur 2`] = `
1392
+ <MultiSelect
1393
+ data={
1394
+ Array [
1395
+ "1",
1396
+ "2",
1397
+ "3",
1398
+ ]
1399
+ }
1400
+ name="auto"
1401
+ onBlur={
1402
+ [MockFunction] {
1403
+ "calls": Array [
1404
+ Array [
1405
+ Object {
1406
+ "component": Object {
1407
+ "isValid": true,
1408
+ "name": "auto",
1409
+ "value": Array [
1410
+ "1",
1411
+ ],
1412
+ },
1413
+ },
1414
+ ],
1415
+ ],
1416
+ "results": Array [
1417
+ Object {
1418
+ "type": "return",
1419
+ "value": undefined,
1420
+ },
1421
+ ],
1422
+ }
1423
+ }
1424
+ onChange={[MockFunction]}
1425
+ value={
1426
+ Array [
1427
+ "1",
1428
+ ]
1429
+ }
1430
+ >
1431
+ <Wrapper
1432
+ className="multiselect-wrapper"
1433
+ >
1434
+ <Div
1435
+ className="multiselect-wrapper"
1436
+ >
1437
+ <div
1438
+ className="multiselect-wrapper"
1439
+ >
1440
+ <Div
1441
+ className="multiselect-input-wrapper"
1442
+ onMouseDown={[Function]}
1443
+ >
1444
+ <div
1445
+ className="multiselect-input-wrapper"
1446
+ onMouseDown={[Function]}
1447
+ >
1448
+ <TagsContainer
1449
+ onClearIconClick={[Function]}
1450
+ onMouseDown={[Function]}
1451
+ onTagClick={[Function]}
1452
+ theme={
1453
+ Object {
1454
+ "checkBoxItem": "multiselect-check-box-item",
1455
+ "checkBoxSemi": "semi",
1456
+ "clearIcon": "multiselect-clear-icon",
1457
+ "container": "suggestion-wrapper",
1458
+ "containerTop": "pos-top",
1459
+ "containerVisible": "visible",
1460
+ "group": "suggestion-group",
1461
+ "groupLabel": "suggestion-group-label",
1462
+ "input": "multiselect-input",
1463
+ "inputFocused": "focused",
1464
+ "inputWrapper": "multiselect-input-wrapper",
1465
+ "inputWrapperDisabled": "disabled",
1466
+ "inputWrapperFocused": "focused",
1467
+ "inputWrapperInvalid": "danger",
1468
+ "inputWrapperRequired": "required",
1469
+ "item": "suggestion-item",
1470
+ "itemHighlighted": "highlighted",
1471
+ "itemPlaceholder": "placeholder",
1472
+ "itemSelected": "selected",
1473
+ "list": "suggestion-list",
1474
+ "noSuggestions": "nodata",
1475
+ "placeholder": "multiselect-placeholder",
1476
+ "tagsContainer": "multiselect-tags-container",
1477
+ "tagsUnion": "multiselect-tags-union",
1478
+ "wrapper": "multiselect-wrapper",
1479
+ }
1480
+ }
1481
+ value={
1482
+ Array [
1483
+ "1",
1484
+ ]
1485
+ }
1486
+ >
1487
+ <Div
1488
+ className="multiselect-tags-container"
1489
+ onMouseDown={[Function]}
1490
+ >
1491
+ <div
1492
+ className="multiselect-tags-container"
1493
+ onMouseDown={[Function]}
1494
+ >
1495
+ <TagItem
1496
+ key="0"
1497
+ onIconClick={[Function]}
1498
+ >
1499
+ <Tag
1500
+ onIconClick={[Function]}
1501
+ >
1502
+ <Wrapper
1503
+ className="tags-item"
1504
+ >
1505
+ <Span
1506
+ className="tags-item"
1507
+ >
1508
+ <span
1509
+ className="tags-item"
1510
+ >
1511
+ 1
1512
+ <Icon
1513
+ className="tags-icon icon-default"
1514
+ onClick={[Function]}
1515
+ >
1516
+ <Span
1517
+ className="tags-icon icon-default"
1518
+ onClick={[Function]}
1519
+ >
1520
+ <span
1521
+ className="tags-icon icon-default"
1522
+ onClick={[Function]}
1523
+ />
1524
+ </Span>
1525
+ </Icon>
1526
+ </span>
1527
+ </Span>
1528
+ </Wrapper>
1529
+ </Tag>
1530
+ </TagItem>
1531
+ </div>
1532
+ </Div>
1533
+ </TagsContainer>
1534
+ <Input
1535
+ aria-invalid={false}
1536
+ autoComplete="off"
1537
+ className="multiselect-input"
1538
+ name="auto"
1539
+ onBlur={[Function]}
1540
+ onChange={[Function]}
1541
+ onFocus={[Function]}
1542
+ onKeyDown={[Function]}
1543
+ value=""
1544
+ >
1545
+ <input
1546
+ aria-invalid={false}
1547
+ autoComplete="off"
1548
+ className="multiselect-input"
1549
+ name="auto"
1550
+ onBlur={[Function]}
1551
+ onChange={[Function]}
1552
+ onFocus={[Function]}
1553
+ onKeyDown={[Function]}
1554
+ value=""
1555
+ />
1556
+ </Input>
1557
+ </div>
1558
+ </Div>
1559
+ <SuggestionList
1560
+ data={
1561
+ Array [
1562
+ "2",
1563
+ "3",
1564
+ ]
1565
+ }
1566
+ highlightedSuggestion={null}
1567
+ isOpen={false}
1568
+ onClick={[Function]}
1569
+ shouldAllowEmpty={false}
1570
+ theme={
1571
+ Object {
1572
+ "checkBoxItem": "multiselect-check-box-item",
1573
+ "checkBoxSemi": "semi",
1574
+ "clearIcon": "multiselect-clear-icon",
1575
+ "container": "suggestion-wrapper",
1576
+ "containerTop": "pos-top",
1577
+ "containerVisible": "visible",
1578
+ "group": "suggestion-group",
1579
+ "groupLabel": "suggestion-group-label",
1580
+ "input": "multiselect-input",
1581
+ "inputFocused": "focused",
1582
+ "inputWrapper": "multiselect-input-wrapper",
1583
+ "inputWrapperDisabled": "disabled",
1584
+ "inputWrapperFocused": "focused",
1585
+ "inputWrapperInvalid": "danger",
1586
+ "inputWrapperRequired": "required",
1587
+ "item": "suggestion-item",
1588
+ "itemHighlighted": "highlighted",
1589
+ "itemPlaceholder": "placeholder",
1590
+ "itemSelected": "selected",
1591
+ "list": "suggestion-list",
1592
+ "noSuggestions": "nodata",
1593
+ "placeholder": "multiselect-placeholder",
1594
+ "tagsContainer": "multiselect-tags-container",
1595
+ "tagsUnion": "multiselect-tags-union",
1596
+ "wrapper": "multiselect-wrapper",
1597
+ }
1598
+ }
1599
+ value={
1600
+ Array [
1601
+ "1",
1602
+ ]
1603
+ }
1604
+ />
1605
+ <InvalidMessageWrapper>
1606
+ <InvalidMessage
1607
+ isValid={true}
1608
+ messages={Array []}
1609
+ >
1610
+ <Component
1611
+ isValid={true}
1612
+ messages={Array []}
1613
+ />
1614
+ </InvalidMessage>
1615
+ </InvalidMessageWrapper>
1616
+ </div>
1617
+ </Div>
1618
+ </Wrapper>
1619
+ </MultiSelect>
1620
+ `;
1621
+
1622
+ exports[`MultiSelect HANDLERS should test onChange 1`] = `
1623
+ <MultiSelect
1624
+ data={
1625
+ Array [
1626
+ "1",
1627
+ "2",
1628
+ "3",
1629
+ ]
1630
+ }
1631
+ isOpen={true}
1632
+ name="auto"
1633
+ onChange={[Function]}
1634
+ value={
1635
+ Array [
1636
+ "2",
1637
+ "1",
1638
+ ]
1639
+ }
1640
+ >
1641
+ <Wrapper
1642
+ className="multiselect-wrapper"
1643
+ >
1644
+ <Div
1645
+ className="multiselect-wrapper"
1646
+ >
1647
+ <div
1648
+ className="multiselect-wrapper"
1649
+ >
1650
+ <Div
1651
+ className="multiselect-input-wrapper"
1652
+ onMouseDown={[Function]}
1653
+ >
1654
+ <div
1655
+ className="multiselect-input-wrapper"
1656
+ onMouseDown={[Function]}
1657
+ >
1658
+ <TagsContainer
1659
+ onClearIconClick={[Function]}
1660
+ onMouseDown={[Function]}
1661
+ onTagClick={[Function]}
1662
+ theme={
1663
+ Object {
1664
+ "checkBoxItem": "multiselect-check-box-item",
1665
+ "checkBoxSemi": "semi",
1666
+ "clearIcon": "multiselect-clear-icon",
1667
+ "container": "suggestion-wrapper",
1668
+ "containerTop": "pos-top",
1669
+ "containerVisible": "visible",
1670
+ "group": "suggestion-group",
1671
+ "groupLabel": "suggestion-group-label",
1672
+ "input": "multiselect-input",
1673
+ "inputFocused": "focused",
1674
+ "inputWrapper": "multiselect-input-wrapper",
1675
+ "inputWrapperDisabled": "disabled",
1676
+ "inputWrapperFocused": "focused",
1677
+ "inputWrapperInvalid": "danger",
1678
+ "inputWrapperRequired": "required",
1679
+ "item": "suggestion-item",
1680
+ "itemHighlighted": "highlighted",
1681
+ "itemPlaceholder": "placeholder",
1682
+ "itemSelected": "selected",
1683
+ "list": "suggestion-list",
1684
+ "noSuggestions": "nodata",
1685
+ "placeholder": "multiselect-placeholder",
1686
+ "tagsContainer": "multiselect-tags-container",
1687
+ "tagsUnion": "multiselect-tags-union",
1688
+ "wrapper": "multiselect-wrapper",
1689
+ }
1690
+ }
1691
+ value={
1692
+ Array [
1693
+ "2",
1694
+ "1",
1695
+ ]
1696
+ }
1697
+ >
1698
+ <Div
1699
+ className="multiselect-tags-container"
1700
+ onMouseDown={[Function]}
1701
+ >
1702
+ <div
1703
+ className="multiselect-tags-container"
1704
+ onMouseDown={[Function]}
1705
+ >
1706
+ <TagItem
1707
+ key="0"
1708
+ onIconClick={[Function]}
1709
+ >
1710
+ <Tag
1711
+ onIconClick={[Function]}
1712
+ >
1713
+ <Wrapper
1714
+ className="tags-item"
1715
+ >
1716
+ <Span
1717
+ className="tags-item"
1718
+ >
1719
+ <span
1720
+ className="tags-item"
1721
+ >
1722
+ 2
1723
+ <Icon
1724
+ className="tags-icon icon-default"
1725
+ onClick={[Function]}
1726
+ >
1727
+ <Span
1728
+ className="tags-icon icon-default"
1729
+ onClick={[Function]}
1730
+ >
1731
+ <span
1732
+ className="tags-icon icon-default"
1733
+ onClick={[Function]}
1734
+ />
1735
+ </Span>
1736
+ </Icon>
1737
+ </span>
1738
+ </Span>
1739
+ </Wrapper>
1740
+ </Tag>
1741
+ </TagItem>
1742
+ <TagItem
1743
+ key="1"
1744
+ onIconClick={[Function]}
1745
+ >
1746
+ <Tag
1747
+ onIconClick={[Function]}
1748
+ >
1749
+ <Wrapper
1750
+ className="tags-item"
1751
+ >
1752
+ <Span
1753
+ className="tags-item"
1754
+ >
1755
+ <span
1756
+ className="tags-item"
1757
+ >
1758
+ 1
1759
+ <Icon
1760
+ className="tags-icon icon-default"
1761
+ onClick={[Function]}
1762
+ >
1763
+ <Span
1764
+ className="tags-icon icon-default"
1765
+ onClick={[Function]}
1766
+ >
1767
+ <span
1768
+ className="tags-icon icon-default"
1769
+ onClick={[Function]}
1770
+ />
1771
+ </Span>
1772
+ </Icon>
1773
+ </span>
1774
+ </Span>
1775
+ </Wrapper>
1776
+ </Tag>
1777
+ </TagItem>
1778
+ </div>
1779
+ </Div>
1780
+ </TagsContainer>
1781
+ <Input
1782
+ aria-invalid={false}
1783
+ autoComplete="off"
1784
+ className="multiselect-input"
1785
+ name="auto"
1786
+ onBlur={[Function]}
1787
+ onChange={[Function]}
1788
+ onFocus={[Function]}
1789
+ onKeyDown={[Function]}
1790
+ value=""
1791
+ >
1792
+ <input
1793
+ aria-invalid={false}
1794
+ autoComplete="off"
1795
+ className="multiselect-input"
1796
+ name="auto"
1797
+ onBlur={[Function]}
1798
+ onChange={[Function]}
1799
+ onFocus={[Function]}
1800
+ onKeyDown={[Function]}
1801
+ value=""
1802
+ />
1803
+ </Input>
1804
+ </div>
1805
+ </Div>
1806
+ <SuggestionList
1807
+ data={
1808
+ Array [
1809
+ "3",
1810
+ ]
1811
+ }
1812
+ highlightedSuggestion={null}
1813
+ isOpen={true}
1814
+ onClick={[Function]}
1815
+ shouldAllowEmpty={false}
1816
+ theme={
1817
+ Object {
1818
+ "checkBoxItem": "multiselect-check-box-item",
1819
+ "checkBoxSemi": "semi",
1820
+ "clearIcon": "multiselect-clear-icon",
1821
+ "container": "suggestion-wrapper",
1822
+ "containerTop": "pos-top",
1823
+ "containerVisible": "visible",
1824
+ "group": "suggestion-group",
1825
+ "groupLabel": "suggestion-group-label",
1826
+ "input": "multiselect-input",
1827
+ "inputFocused": "focused",
1828
+ "inputWrapper": "multiselect-input-wrapper",
1829
+ "inputWrapperDisabled": "disabled",
1830
+ "inputWrapperFocused": "focused",
1831
+ "inputWrapperInvalid": "danger",
1832
+ "inputWrapperRequired": "required",
1833
+ "item": "suggestion-item",
1834
+ "itemHighlighted": "highlighted",
1835
+ "itemPlaceholder": "placeholder",
1836
+ "itemSelected": "selected",
1837
+ "list": "suggestion-list",
1838
+ "noSuggestions": "nodata",
1839
+ "placeholder": "multiselect-placeholder",
1840
+ "tagsContainer": "multiselect-tags-container",
1841
+ "tagsUnion": "multiselect-tags-union",
1842
+ "wrapper": "multiselect-wrapper",
1843
+ }
1844
+ }
1845
+ value={
1846
+ Array [
1847
+ "2",
1848
+ "1",
1849
+ ]
1850
+ }
1851
+ >
1852
+ <Div
1853
+ className="suggestion-wrapper"
1854
+ onMouseDown={[Function]}
1855
+ >
1856
+ <div
1857
+ className="suggestion-wrapper"
1858
+ onMouseDown={[Function]}
1859
+ >
1860
+ <List
1861
+ className="suggestion-list"
1862
+ >
1863
+ <Ul
1864
+ className="suggestion-list"
1865
+ >
1866
+ <ul
1867
+ className="suggestion-list"
1868
+ >
1869
+ <SuggestionItem
1870
+ isHighlighted={false}
1871
+ isPlaceholder={false}
1872
+ isScrollTarget={false}
1873
+ isSelectAllItem={false}
1874
+ isSelected={false}
1875
+ item="3"
1876
+ key="3"
1877
+ onClick={[Function]}
1878
+ suggestionRef={
1879
+ Object {
1880
+ "current": null,
1881
+ }
1882
+ }
1883
+ text="3"
1884
+ theme={
1885
+ Object {
1886
+ "checkBoxItem": "multiselect-check-box-item",
1887
+ "checkBoxSemi": "semi",
1888
+ "clearIcon": "multiselect-clear-icon",
1889
+ "container": "suggestion-wrapper",
1890
+ "containerTop": "pos-top",
1891
+ "containerVisible": "visible",
1892
+ "group": "suggestion-group",
1893
+ "groupLabel": "suggestion-group-label",
1894
+ "input": "multiselect-input",
1895
+ "inputFocused": "focused",
1896
+ "inputWrapper": "multiselect-input-wrapper",
1897
+ "inputWrapperDisabled": "disabled",
1898
+ "inputWrapperFocused": "focused",
1899
+ "inputWrapperInvalid": "danger",
1900
+ "inputWrapperRequired": "required",
1901
+ "item": "suggestion-item",
1902
+ "itemHighlighted": "highlighted",
1903
+ "itemPlaceholder": "placeholder",
1904
+ "itemSelected": "selected",
1905
+ "list": "suggestion-list",
1906
+ "noSuggestions": "nodata",
1907
+ "placeholder": "multiselect-placeholder",
1908
+ "tagsContainer": "multiselect-tags-container",
1909
+ "tagsUnion": "multiselect-tags-union",
1910
+ "wrapper": "multiselect-wrapper",
1911
+ }
1912
+ }
1913
+ >
1914
+ <Suggestion
1915
+ className="suggestion-item"
1916
+ onClick={[Function]}
1917
+ >
1918
+ <Li
1919
+ className="suggestion-item"
1920
+ onClick={[Function]}
1921
+ >
1922
+ <li
1923
+ className="suggestion-item"
1924
+ onClick={[Function]}
1925
+ >
1926
+ 3
1927
+ </li>
1928
+ </Li>
1929
+ </Suggestion>
1930
+ </SuggestionItem>
1931
+ </ul>
1932
+ </Ul>
1933
+ </List>
1934
+ </div>
1935
+ </Div>
1936
+ </SuggestionList>
1937
+ <InvalidMessageWrapper>
1938
+ <InvalidMessage
1939
+ isValid={true}
1940
+ messages={Array []}
1941
+ >
1942
+ <Component
1943
+ isValid={true}
1944
+ messages={Array []}
1945
+ />
1946
+ </InvalidMessage>
1947
+ </InvalidMessageWrapper>
1948
+ </div>
1949
+ </Div>
1950
+ </Wrapper>
1951
+ </MultiSelect>
1952
+ `;
1953
+
1954
+ exports[`MultiSelect HANDLERS should test onDeselect 1`] = `
1955
+ <MultiSelect
1956
+ data={
1957
+ Array [
1958
+ "1",
1959
+ "2",
1960
+ "3",
1961
+ ]
1962
+ }
1963
+ isOpen={true}
1964
+ name="auto"
1965
+ onChange={[Function]}
1966
+ value={
1967
+ Array [
1968
+ "1",
1969
+ "2",
1970
+ "3",
1971
+ ]
1972
+ }
1973
+ >
1974
+ <Wrapper
1975
+ className="multiselect-wrapper"
1976
+ >
1977
+ <Div
1978
+ className="multiselect-wrapper"
1979
+ >
1980
+ <div
1981
+ className="multiselect-wrapper"
1982
+ >
1983
+ <Div
1984
+ className="multiselect-input-wrapper"
1985
+ onMouseDown={[Function]}
1986
+ >
1987
+ <div
1988
+ className="multiselect-input-wrapper"
1989
+ onMouseDown={[Function]}
1990
+ >
1991
+ <TagsContainer
1992
+ onClearIconClick={[Function]}
1993
+ onMouseDown={[Function]}
1994
+ onTagClick={[Function]}
1995
+ theme={
1996
+ Object {
1997
+ "checkBoxItem": "multiselect-check-box-item",
1998
+ "checkBoxSemi": "semi",
1999
+ "clearIcon": "multiselect-clear-icon",
2000
+ "container": "suggestion-wrapper",
2001
+ "containerTop": "pos-top",
2002
+ "containerVisible": "visible",
2003
+ "group": "suggestion-group",
2004
+ "groupLabel": "suggestion-group-label",
2005
+ "input": "multiselect-input",
2006
+ "inputFocused": "focused",
2007
+ "inputWrapper": "multiselect-input-wrapper",
2008
+ "inputWrapperDisabled": "disabled",
2009
+ "inputWrapperFocused": "focused",
2010
+ "inputWrapperInvalid": "danger",
2011
+ "inputWrapperRequired": "required",
2012
+ "item": "suggestion-item",
2013
+ "itemHighlighted": "highlighted",
2014
+ "itemPlaceholder": "placeholder",
2015
+ "itemSelected": "selected",
2016
+ "list": "suggestion-list",
2017
+ "noSuggestions": "nodata",
2018
+ "placeholder": "multiselect-placeholder",
2019
+ "tagsContainer": "multiselect-tags-container",
2020
+ "tagsUnion": "multiselect-tags-union",
2021
+ "wrapper": "multiselect-wrapper",
2022
+ }
2023
+ }
2024
+ value={
2025
+ Array [
2026
+ "1",
2027
+ "2",
2028
+ "3",
2029
+ ]
2030
+ }
2031
+ >
2032
+ <Div
2033
+ className="multiselect-tags-container"
2034
+ onMouseDown={[Function]}
2035
+ >
2036
+ <div
2037
+ className="multiselect-tags-container"
2038
+ onMouseDown={[Function]}
2039
+ >
2040
+ <TagItem
2041
+ key="0"
2042
+ onIconClick={[Function]}
2043
+ >
2044
+ <Tag
2045
+ onIconClick={[Function]}
2046
+ >
2047
+ <Wrapper
2048
+ className="tags-item"
2049
+ >
2050
+ <Span
2051
+ className="tags-item"
2052
+ >
2053
+ <span
2054
+ className="tags-item"
2055
+ >
2056
+ 1
2057
+ <Icon
2058
+ className="tags-icon icon-default"
2059
+ onClick={[Function]}
2060
+ >
2061
+ <Span
2062
+ className="tags-icon icon-default"
2063
+ onClick={[Function]}
2064
+ >
2065
+ <span
2066
+ className="tags-icon icon-default"
2067
+ onClick={[Function]}
2068
+ />
2069
+ </Span>
2070
+ </Icon>
2071
+ </span>
2072
+ </Span>
2073
+ </Wrapper>
2074
+ </Tag>
2075
+ </TagItem>
2076
+ <TagItem
2077
+ key="1"
2078
+ onIconClick={[Function]}
2079
+ >
2080
+ <Tag
2081
+ onIconClick={[Function]}
2082
+ >
2083
+ <Wrapper
2084
+ className="tags-item"
2085
+ >
2086
+ <Span
2087
+ className="tags-item"
2088
+ >
2089
+ <span
2090
+ className="tags-item"
2091
+ >
2092
+ 2
2093
+ <Icon
2094
+ className="tags-icon icon-default"
2095
+ onClick={[Function]}
2096
+ >
2097
+ <Span
2098
+ className="tags-icon icon-default"
2099
+ onClick={[Function]}
2100
+ >
2101
+ <span
2102
+ className="tags-icon icon-default"
2103
+ onClick={[Function]}
2104
+ />
2105
+ </Span>
2106
+ </Icon>
2107
+ </span>
2108
+ </Span>
2109
+ </Wrapper>
2110
+ </Tag>
2111
+ </TagItem>
2112
+ <TagItem
2113
+ key="2"
2114
+ onIconClick={[Function]}
2115
+ >
2116
+ <Tag
2117
+ onIconClick={[Function]}
2118
+ >
2119
+ <Wrapper
2120
+ className="tags-item"
2121
+ >
2122
+ <Span
2123
+ className="tags-item"
2124
+ >
2125
+ <span
2126
+ className="tags-item"
2127
+ >
2128
+ 3
2129
+ <Icon
2130
+ className="tags-icon icon-default"
2131
+ onClick={[Function]}
2132
+ >
2133
+ <Span
2134
+ className="tags-icon icon-default"
2135
+ onClick={[Function]}
2136
+ >
2137
+ <span
2138
+ className="tags-icon icon-default"
2139
+ onClick={[Function]}
2140
+ />
2141
+ </Span>
2142
+ </Icon>
2143
+ </span>
2144
+ </Span>
2145
+ </Wrapper>
2146
+ </Tag>
2147
+ </TagItem>
2148
+ </div>
2149
+ </Div>
2150
+ </TagsContainer>
2151
+ <Input
2152
+ aria-invalid={false}
2153
+ autoComplete="off"
2154
+ className="multiselect-input"
2155
+ name="auto"
2156
+ onBlur={[Function]}
2157
+ onChange={[Function]}
2158
+ onFocus={[Function]}
2159
+ onKeyDown={[Function]}
2160
+ value=""
2161
+ >
2162
+ <input
2163
+ aria-invalid={false}
2164
+ autoComplete="off"
2165
+ className="multiselect-input"
2166
+ name="auto"
2167
+ onBlur={[Function]}
2168
+ onChange={[Function]}
2169
+ onFocus={[Function]}
2170
+ onKeyDown={[Function]}
2171
+ value=""
2172
+ />
2173
+ </Input>
2174
+ </div>
2175
+ </Div>
2176
+ <SuggestionList
2177
+ data={Array []}
2178
+ highlightedSuggestion={null}
2179
+ isOpen={true}
2180
+ onClick={[Function]}
2181
+ shouldAllowEmpty={false}
2182
+ theme={
2183
+ Object {
2184
+ "checkBoxItem": "multiselect-check-box-item",
2185
+ "checkBoxSemi": "semi",
2186
+ "clearIcon": "multiselect-clear-icon",
2187
+ "container": "suggestion-wrapper",
2188
+ "containerTop": "pos-top",
2189
+ "containerVisible": "visible",
2190
+ "group": "suggestion-group",
2191
+ "groupLabel": "suggestion-group-label",
2192
+ "input": "multiselect-input",
2193
+ "inputFocused": "focused",
2194
+ "inputWrapper": "multiselect-input-wrapper",
2195
+ "inputWrapperDisabled": "disabled",
2196
+ "inputWrapperFocused": "focused",
2197
+ "inputWrapperInvalid": "danger",
2198
+ "inputWrapperRequired": "required",
2199
+ "item": "suggestion-item",
2200
+ "itemHighlighted": "highlighted",
2201
+ "itemPlaceholder": "placeholder",
2202
+ "itemSelected": "selected",
2203
+ "list": "suggestion-list",
2204
+ "noSuggestions": "nodata",
2205
+ "placeholder": "multiselect-placeholder",
2206
+ "tagsContainer": "multiselect-tags-container",
2207
+ "tagsUnion": "multiselect-tags-union",
2208
+ "wrapper": "multiselect-wrapper",
2209
+ }
2210
+ }
2211
+ value={
2212
+ Array [
2213
+ "1",
2214
+ "2",
2215
+ "3",
2216
+ ]
2217
+ }
2218
+ >
2219
+ <Div
2220
+ className="suggestion-wrapper"
2221
+ onMouseDown={[Function]}
2222
+ >
2223
+ <div
2224
+ className="suggestion-wrapper"
2225
+ onMouseDown={[Function]}
2226
+ >
2227
+ <NoSuggestions
2228
+ className="nodata"
2229
+ >
2230
+ <Component
2231
+ className="nodata"
2232
+ >
2233
+ <Div
2234
+ className="nodata"
2235
+ >
2236
+ <div
2237
+ className="nodata"
2238
+ >
2239
+ Ничего не найдено
2240
+ </div>
2241
+ </Div>
2242
+ </Component>
2243
+ </NoSuggestions>
2244
+ </div>
2245
+ </Div>
2246
+ </SuggestionList>
2247
+ <InvalidMessageWrapper>
2248
+ <InvalidMessage
2249
+ isValid={true}
2250
+ messages={Array []}
2251
+ >
2252
+ <Component
2253
+ isValid={true}
2254
+ messages={Array []}
2255
+ />
2256
+ </InvalidMessage>
2257
+ </InvalidMessageWrapper>
2258
+ </div>
2259
+ </Div>
2260
+ </Wrapper>
2261
+ </MultiSelect>
2262
+ `;
2263
+
2264
+ exports[`MultiSelect HANDLERS should test onDeselect 2`] = `
2265
+ <MultiSelect
2266
+ data={
2267
+ Array [
2268
+ "1",
2269
+ "2",
2270
+ "3",
2271
+ ]
2272
+ }
2273
+ isOpen={true}
2274
+ name="auto"
2275
+ onChange={[Function]}
2276
+ value={
2277
+ Array [
2278
+ "2",
2279
+ ]
2280
+ }
2281
+ >
2282
+ <Wrapper
2283
+ className="multiselect-wrapper"
2284
+ >
2285
+ <Div
2286
+ className="multiselect-wrapper"
2287
+ >
2288
+ <div
2289
+ className="multiselect-wrapper"
2290
+ >
2291
+ <Div
2292
+ className="multiselect-input-wrapper"
2293
+ onMouseDown={[Function]}
2294
+ >
2295
+ <div
2296
+ className="multiselect-input-wrapper"
2297
+ onMouseDown={[Function]}
2298
+ >
2299
+ <TagsContainer
2300
+ onClearIconClick={[Function]}
2301
+ onMouseDown={[Function]}
2302
+ onTagClick={[Function]}
2303
+ theme={
2304
+ Object {
2305
+ "checkBoxItem": "multiselect-check-box-item",
2306
+ "checkBoxSemi": "semi",
2307
+ "clearIcon": "multiselect-clear-icon",
2308
+ "container": "suggestion-wrapper",
2309
+ "containerTop": "pos-top",
2310
+ "containerVisible": "visible",
2311
+ "group": "suggestion-group",
2312
+ "groupLabel": "suggestion-group-label",
2313
+ "input": "multiselect-input",
2314
+ "inputFocused": "focused",
2315
+ "inputWrapper": "multiselect-input-wrapper",
2316
+ "inputWrapperDisabled": "disabled",
2317
+ "inputWrapperFocused": "focused",
2318
+ "inputWrapperInvalid": "danger",
2319
+ "inputWrapperRequired": "required",
2320
+ "item": "suggestion-item",
2321
+ "itemHighlighted": "highlighted",
2322
+ "itemPlaceholder": "placeholder",
2323
+ "itemSelected": "selected",
2324
+ "list": "suggestion-list",
2325
+ "noSuggestions": "nodata",
2326
+ "placeholder": "multiselect-placeholder",
2327
+ "tagsContainer": "multiselect-tags-container",
2328
+ "tagsUnion": "multiselect-tags-union",
2329
+ "wrapper": "multiselect-wrapper",
2330
+ }
2331
+ }
2332
+ value={
2333
+ Array [
2334
+ "2",
2335
+ ]
2336
+ }
2337
+ >
2338
+ <Div
2339
+ className="multiselect-tags-container"
2340
+ onMouseDown={[Function]}
2341
+ >
2342
+ <div
2343
+ className="multiselect-tags-container"
2344
+ onMouseDown={[Function]}
2345
+ >
2346
+ <TagItem
2347
+ key="0"
2348
+ onIconClick={[Function]}
2349
+ >
2350
+ <Tag
2351
+ onIconClick={[Function]}
2352
+ >
2353
+ <Wrapper
2354
+ className="tags-item"
2355
+ >
2356
+ <Span
2357
+ className="tags-item"
2358
+ >
2359
+ <span
2360
+ className="tags-item"
2361
+ >
2362
+ 2
2363
+ <Icon
2364
+ className="tags-icon icon-default"
2365
+ onClick={[Function]}
2366
+ >
2367
+ <Span
2368
+ className="tags-icon icon-default"
2369
+ onClick={[Function]}
2370
+ >
2371
+ <span
2372
+ className="tags-icon icon-default"
2373
+ onClick={[Function]}
2374
+ />
2375
+ </Span>
2376
+ </Icon>
2377
+ </span>
2378
+ </Span>
2379
+ </Wrapper>
2380
+ </Tag>
2381
+ </TagItem>
2382
+ </div>
2383
+ </Div>
2384
+ </TagsContainer>
2385
+ <Input
2386
+ aria-invalid={false}
2387
+ autoComplete="off"
2388
+ className="multiselect-input"
2389
+ name="auto"
2390
+ onBlur={[Function]}
2391
+ onChange={[Function]}
2392
+ onFocus={[Function]}
2393
+ onKeyDown={[Function]}
2394
+ value=""
2395
+ >
2396
+ <input
2397
+ aria-invalid={false}
2398
+ autoComplete="off"
2399
+ className="multiselect-input"
2400
+ name="auto"
2401
+ onBlur={[Function]}
2402
+ onChange={[Function]}
2403
+ onFocus={[Function]}
2404
+ onKeyDown={[Function]}
2405
+ value=""
2406
+ />
2407
+ </Input>
2408
+ </div>
2409
+ </Div>
2410
+ <SuggestionList
2411
+ data={
2412
+ Array [
2413
+ "1",
2414
+ "3",
2415
+ ]
2416
+ }
2417
+ highlightedSuggestion={null}
2418
+ isOpen={true}
2419
+ onClick={[Function]}
2420
+ shouldAllowEmpty={false}
2421
+ theme={
2422
+ Object {
2423
+ "checkBoxItem": "multiselect-check-box-item",
2424
+ "checkBoxSemi": "semi",
2425
+ "clearIcon": "multiselect-clear-icon",
2426
+ "container": "suggestion-wrapper",
2427
+ "containerTop": "pos-top",
2428
+ "containerVisible": "visible",
2429
+ "group": "suggestion-group",
2430
+ "groupLabel": "suggestion-group-label",
2431
+ "input": "multiselect-input",
2432
+ "inputFocused": "focused",
2433
+ "inputWrapper": "multiselect-input-wrapper",
2434
+ "inputWrapperDisabled": "disabled",
2435
+ "inputWrapperFocused": "focused",
2436
+ "inputWrapperInvalid": "danger",
2437
+ "inputWrapperRequired": "required",
2438
+ "item": "suggestion-item",
2439
+ "itemHighlighted": "highlighted",
2440
+ "itemPlaceholder": "placeholder",
2441
+ "itemSelected": "selected",
2442
+ "list": "suggestion-list",
2443
+ "noSuggestions": "nodata",
2444
+ "placeholder": "multiselect-placeholder",
2445
+ "tagsContainer": "multiselect-tags-container",
2446
+ "tagsUnion": "multiselect-tags-union",
2447
+ "wrapper": "multiselect-wrapper",
2448
+ }
2449
+ }
2450
+ value={
2451
+ Array [
2452
+ "2",
2453
+ ]
2454
+ }
2455
+ >
2456
+ <Div
2457
+ className="suggestion-wrapper"
2458
+ onMouseDown={[Function]}
2459
+ >
2460
+ <div
2461
+ className="suggestion-wrapper"
2462
+ onMouseDown={[Function]}
2463
+ >
2464
+ <List
2465
+ className="suggestion-list"
2466
+ >
2467
+ <Ul
2468
+ className="suggestion-list"
2469
+ >
2470
+ <ul
2471
+ className="suggestion-list"
2472
+ >
2473
+ <SuggestionItem
2474
+ isHighlighted={false}
2475
+ isPlaceholder={false}
2476
+ isScrollTarget={false}
2477
+ isSelectAllItem={false}
2478
+ isSelected={false}
2479
+ item="1"
2480
+ key="1"
2481
+ onClick={[Function]}
2482
+ suggestionRef={
2483
+ Object {
2484
+ "current": null,
2485
+ }
2486
+ }
2487
+ text="1"
2488
+ theme={
2489
+ Object {
2490
+ "checkBoxItem": "multiselect-check-box-item",
2491
+ "checkBoxSemi": "semi",
2492
+ "clearIcon": "multiselect-clear-icon",
2493
+ "container": "suggestion-wrapper",
2494
+ "containerTop": "pos-top",
2495
+ "containerVisible": "visible",
2496
+ "group": "suggestion-group",
2497
+ "groupLabel": "suggestion-group-label",
2498
+ "input": "multiselect-input",
2499
+ "inputFocused": "focused",
2500
+ "inputWrapper": "multiselect-input-wrapper",
2501
+ "inputWrapperDisabled": "disabled",
2502
+ "inputWrapperFocused": "focused",
2503
+ "inputWrapperInvalid": "danger",
2504
+ "inputWrapperRequired": "required",
2505
+ "item": "suggestion-item",
2506
+ "itemHighlighted": "highlighted",
2507
+ "itemPlaceholder": "placeholder",
2508
+ "itemSelected": "selected",
2509
+ "list": "suggestion-list",
2510
+ "noSuggestions": "nodata",
2511
+ "placeholder": "multiselect-placeholder",
2512
+ "tagsContainer": "multiselect-tags-container",
2513
+ "tagsUnion": "multiselect-tags-union",
2514
+ "wrapper": "multiselect-wrapper",
2515
+ }
2516
+ }
2517
+ >
2518
+ <Suggestion
2519
+ className="suggestion-item"
2520
+ onClick={[Function]}
2521
+ >
2522
+ <Li
2523
+ className="suggestion-item"
2524
+ onClick={[Function]}
2525
+ >
2526
+ <li
2527
+ className="suggestion-item"
2528
+ onClick={[Function]}
2529
+ >
2530
+ 1
2531
+ </li>
2532
+ </Li>
2533
+ </Suggestion>
2534
+ </SuggestionItem>
2535
+ <SuggestionItem
2536
+ isHighlighted={false}
2537
+ isPlaceholder={false}
2538
+ isScrollTarget={false}
2539
+ isSelectAllItem={false}
2540
+ isSelected={false}
2541
+ item="3"
2542
+ key="3"
2543
+ onClick={[Function]}
2544
+ suggestionRef={
2545
+ Object {
2546
+ "current": null,
2547
+ }
2548
+ }
2549
+ text="3"
2550
+ theme={
2551
+ Object {
2552
+ "checkBoxItem": "multiselect-check-box-item",
2553
+ "checkBoxSemi": "semi",
2554
+ "clearIcon": "multiselect-clear-icon",
2555
+ "container": "suggestion-wrapper",
2556
+ "containerTop": "pos-top",
2557
+ "containerVisible": "visible",
2558
+ "group": "suggestion-group",
2559
+ "groupLabel": "suggestion-group-label",
2560
+ "input": "multiselect-input",
2561
+ "inputFocused": "focused",
2562
+ "inputWrapper": "multiselect-input-wrapper",
2563
+ "inputWrapperDisabled": "disabled",
2564
+ "inputWrapperFocused": "focused",
2565
+ "inputWrapperInvalid": "danger",
2566
+ "inputWrapperRequired": "required",
2567
+ "item": "suggestion-item",
2568
+ "itemHighlighted": "highlighted",
2569
+ "itemPlaceholder": "placeholder",
2570
+ "itemSelected": "selected",
2571
+ "list": "suggestion-list",
2572
+ "noSuggestions": "nodata",
2573
+ "placeholder": "multiselect-placeholder",
2574
+ "tagsContainer": "multiselect-tags-container",
2575
+ "tagsUnion": "multiselect-tags-union",
2576
+ "wrapper": "multiselect-wrapper",
2577
+ }
2578
+ }
2579
+ >
2580
+ <Suggestion
2581
+ className="suggestion-item"
2582
+ onClick={[Function]}
2583
+ >
2584
+ <Li
2585
+ className="suggestion-item"
2586
+ onClick={[Function]}
2587
+ >
2588
+ <li
2589
+ className="suggestion-item"
2590
+ onClick={[Function]}
2591
+ >
2592
+ 3
2593
+ </li>
2594
+ </Li>
2595
+ </Suggestion>
2596
+ </SuggestionItem>
2597
+ </ul>
2598
+ </Ul>
2599
+ </List>
2600
+ </div>
2601
+ </Div>
2602
+ </SuggestionList>
2603
+ <InvalidMessageWrapper>
2604
+ <InvalidMessage
2605
+ isValid={true}
2606
+ messages={Array []}
2607
+ >
2608
+ <Component
2609
+ isValid={true}
2610
+ messages={Array []}
2611
+ />
2612
+ </InvalidMessage>
2613
+ </InvalidMessageWrapper>
2614
+ </div>
2615
+ </Div>
2616
+ </Wrapper>
2617
+ </MultiSelect>
2618
+ `;
2619
+
2620
+ exports[`MultiSelect HANDLERS should test onDeselect by clear button 1`] = `
2621
+ <MultiSelect
2622
+ data={
2623
+ Array [
2624
+ "1",
2625
+ "2",
2626
+ "3",
2627
+ ]
2628
+ }
2629
+ hasClearButton={true}
2630
+ isOpen={true}
2631
+ name="auto"
2632
+ onChange={[Function]}
2633
+ value={
2634
+ Array [
2635
+ "1",
2636
+ "2",
2637
+ ]
2638
+ }
2639
+ >
2640
+ <Wrapper
2641
+ className="multiselect-wrapper"
2642
+ >
2643
+ <Div
2644
+ className="multiselect-wrapper"
2645
+ >
2646
+ <div
2647
+ className="multiselect-wrapper"
2648
+ >
2649
+ <Div
2650
+ className="multiselect-input-wrapper"
2651
+ onMouseDown={[Function]}
2652
+ >
2653
+ <div
2654
+ className="multiselect-input-wrapper"
2655
+ onMouseDown={[Function]}
2656
+ >
2657
+ <TagsContainer
2658
+ hasClearButton={true}
2659
+ onClearIconClick={[Function]}
2660
+ onMouseDown={[Function]}
2661
+ onTagClick={[Function]}
2662
+ theme={
2663
+ Object {
2664
+ "checkBoxItem": "multiselect-check-box-item",
2665
+ "checkBoxSemi": "semi",
2666
+ "clearIcon": "multiselect-clear-icon",
2667
+ "container": "suggestion-wrapper",
2668
+ "containerTop": "pos-top",
2669
+ "containerVisible": "visible",
2670
+ "group": "suggestion-group",
2671
+ "groupLabel": "suggestion-group-label",
2672
+ "input": "multiselect-input",
2673
+ "inputFocused": "focused",
2674
+ "inputWrapper": "multiselect-input-wrapper",
2675
+ "inputWrapperDisabled": "disabled",
2676
+ "inputWrapperFocused": "focused",
2677
+ "inputWrapperInvalid": "danger",
2678
+ "inputWrapperRequired": "required",
2679
+ "item": "suggestion-item",
2680
+ "itemHighlighted": "highlighted",
2681
+ "itemPlaceholder": "placeholder",
2682
+ "itemSelected": "selected",
2683
+ "list": "suggestion-list",
2684
+ "noSuggestions": "nodata",
2685
+ "placeholder": "multiselect-placeholder",
2686
+ "tagsContainer": "multiselect-tags-container",
2687
+ "tagsUnion": "multiselect-tags-union",
2688
+ "wrapper": "multiselect-wrapper",
2689
+ }
2690
+ }
2691
+ value={
2692
+ Array [
2693
+ "1",
2694
+ "2",
2695
+ ]
2696
+ }
2697
+ >
2698
+ <Div
2699
+ className="multiselect-tags-container"
2700
+ onMouseDown={[Function]}
2701
+ >
2702
+ <div
2703
+ className="multiselect-tags-container"
2704
+ onMouseDown={[Function]}
2705
+ >
2706
+ <TagItem
2707
+ key="0"
2708
+ onIconClick={[Function]}
2709
+ >
2710
+ <Tag
2711
+ onIconClick={[Function]}
2712
+ >
2713
+ <Wrapper
2714
+ className="tags-item"
2715
+ >
2716
+ <Span
2717
+ className="tags-item"
2718
+ >
2719
+ <span
2720
+ className="tags-item"
2721
+ >
2722
+ 1
2723
+ <Icon
2724
+ className="tags-icon icon-default"
2725
+ onClick={[Function]}
2726
+ >
2727
+ <Span
2728
+ className="tags-icon icon-default"
2729
+ onClick={[Function]}
2730
+ >
2731
+ <span
2732
+ className="tags-icon icon-default"
2733
+ onClick={[Function]}
2734
+ />
2735
+ </Span>
2736
+ </Icon>
2737
+ </span>
2738
+ </Span>
2739
+ </Wrapper>
2740
+ </Tag>
2741
+ </TagItem>
2742
+ <TagItem
2743
+ key="1"
2744
+ onIconClick={[Function]}
2745
+ >
2746
+ <Tag
2747
+ onIconClick={[Function]}
2748
+ >
2749
+ <Wrapper
2750
+ className="tags-item"
2751
+ >
2752
+ <Span
2753
+ className="tags-item"
2754
+ >
2755
+ <span
2756
+ className="tags-item"
2757
+ >
2758
+ 2
2759
+ <Icon
2760
+ className="tags-icon icon-default"
2761
+ onClick={[Function]}
2762
+ >
2763
+ <Span
2764
+ className="tags-icon icon-default"
2765
+ onClick={[Function]}
2766
+ >
2767
+ <span
2768
+ className="tags-icon icon-default"
2769
+ onClick={[Function]}
2770
+ />
2771
+ </Span>
2772
+ </Icon>
2773
+ </span>
2774
+ </Span>
2775
+ </Wrapper>
2776
+ </Tag>
2777
+ </TagItem>
2778
+ <Span
2779
+ className="multiselect-clear-icon"
2780
+ onClick={[Function]}
2781
+ >
2782
+ <span
2783
+ className="multiselect-clear-icon"
2784
+ onClick={[Function]}
2785
+ />
2786
+ </Span>
2787
+ </div>
2788
+ </Div>
2789
+ </TagsContainer>
2790
+ <Input
2791
+ aria-invalid={false}
2792
+ autoComplete="off"
2793
+ className="multiselect-input"
2794
+ name="auto"
2795
+ onBlur={[Function]}
2796
+ onChange={[Function]}
2797
+ onFocus={[Function]}
2798
+ onKeyDown={[Function]}
2799
+ value=""
2800
+ >
2801
+ <input
2802
+ aria-invalid={false}
2803
+ autoComplete="off"
2804
+ className="multiselect-input"
2805
+ name="auto"
2806
+ onBlur={[Function]}
2807
+ onChange={[Function]}
2808
+ onFocus={[Function]}
2809
+ onKeyDown={[Function]}
2810
+ value=""
2811
+ />
2812
+ </Input>
2813
+ </div>
2814
+ </Div>
2815
+ <SuggestionList
2816
+ data={
2817
+ Array [
2818
+ "3",
2819
+ ]
2820
+ }
2821
+ highlightedSuggestion={null}
2822
+ isOpen={true}
2823
+ onClick={[Function]}
2824
+ shouldAllowEmpty={false}
2825
+ theme={
2826
+ Object {
2827
+ "checkBoxItem": "multiselect-check-box-item",
2828
+ "checkBoxSemi": "semi",
2829
+ "clearIcon": "multiselect-clear-icon",
2830
+ "container": "suggestion-wrapper",
2831
+ "containerTop": "pos-top",
2832
+ "containerVisible": "visible",
2833
+ "group": "suggestion-group",
2834
+ "groupLabel": "suggestion-group-label",
2835
+ "input": "multiselect-input",
2836
+ "inputFocused": "focused",
2837
+ "inputWrapper": "multiselect-input-wrapper",
2838
+ "inputWrapperDisabled": "disabled",
2839
+ "inputWrapperFocused": "focused",
2840
+ "inputWrapperInvalid": "danger",
2841
+ "inputWrapperRequired": "required",
2842
+ "item": "suggestion-item",
2843
+ "itemHighlighted": "highlighted",
2844
+ "itemPlaceholder": "placeholder",
2845
+ "itemSelected": "selected",
2846
+ "list": "suggestion-list",
2847
+ "noSuggestions": "nodata",
2848
+ "placeholder": "multiselect-placeholder",
2849
+ "tagsContainer": "multiselect-tags-container",
2850
+ "tagsUnion": "multiselect-tags-union",
2851
+ "wrapper": "multiselect-wrapper",
2852
+ }
2853
+ }
2854
+ value={
2855
+ Array [
2856
+ "1",
2857
+ "2",
2858
+ ]
2859
+ }
2860
+ >
2861
+ <Div
2862
+ className="suggestion-wrapper"
2863
+ onMouseDown={[Function]}
2864
+ >
2865
+ <div
2866
+ className="suggestion-wrapper"
2867
+ onMouseDown={[Function]}
2868
+ >
2869
+ <List
2870
+ className="suggestion-list"
2871
+ >
2872
+ <Ul
2873
+ className="suggestion-list"
2874
+ >
2875
+ <ul
2876
+ className="suggestion-list"
2877
+ >
2878
+ <SuggestionItem
2879
+ isHighlighted={false}
2880
+ isPlaceholder={false}
2881
+ isScrollTarget={false}
2882
+ isSelectAllItem={false}
2883
+ isSelected={false}
2884
+ item="3"
2885
+ key="3"
2886
+ onClick={[Function]}
2887
+ suggestionRef={
2888
+ Object {
2889
+ "current": null,
2890
+ }
2891
+ }
2892
+ text="3"
2893
+ theme={
2894
+ Object {
2895
+ "checkBoxItem": "multiselect-check-box-item",
2896
+ "checkBoxSemi": "semi",
2897
+ "clearIcon": "multiselect-clear-icon",
2898
+ "container": "suggestion-wrapper",
2899
+ "containerTop": "pos-top",
2900
+ "containerVisible": "visible",
2901
+ "group": "suggestion-group",
2902
+ "groupLabel": "suggestion-group-label",
2903
+ "input": "multiselect-input",
2904
+ "inputFocused": "focused",
2905
+ "inputWrapper": "multiselect-input-wrapper",
2906
+ "inputWrapperDisabled": "disabled",
2907
+ "inputWrapperFocused": "focused",
2908
+ "inputWrapperInvalid": "danger",
2909
+ "inputWrapperRequired": "required",
2910
+ "item": "suggestion-item",
2911
+ "itemHighlighted": "highlighted",
2912
+ "itemPlaceholder": "placeholder",
2913
+ "itemSelected": "selected",
2914
+ "list": "suggestion-list",
2915
+ "noSuggestions": "nodata",
2916
+ "placeholder": "multiselect-placeholder",
2917
+ "tagsContainer": "multiselect-tags-container",
2918
+ "tagsUnion": "multiselect-tags-union",
2919
+ "wrapper": "multiselect-wrapper",
2920
+ }
2921
+ }
2922
+ >
2923
+ <Suggestion
2924
+ className="suggestion-item"
2925
+ onClick={[Function]}
2926
+ >
2927
+ <Li
2928
+ className="suggestion-item"
2929
+ onClick={[Function]}
2930
+ >
2931
+ <li
2932
+ className="suggestion-item"
2933
+ onClick={[Function]}
2934
+ >
2935
+ 3
2936
+ </li>
2937
+ </Li>
2938
+ </Suggestion>
2939
+ </SuggestionItem>
2940
+ </ul>
2941
+ </Ul>
2942
+ </List>
2943
+ </div>
2944
+ </Div>
2945
+ </SuggestionList>
2946
+ <InvalidMessageWrapper>
2947
+ <InvalidMessage
2948
+ isValid={true}
2949
+ messages={Array []}
2950
+ >
2951
+ <Component
2952
+ isValid={true}
2953
+ messages={Array []}
2954
+ />
2955
+ </InvalidMessage>
2956
+ </InvalidMessageWrapper>
2957
+ </div>
2958
+ </Div>
2959
+ </Wrapper>
2960
+ </MultiSelect>
2961
+ `;
2962
+
2963
+ exports[`MultiSelect HANDLERS should test onFocus 1`] = `
2964
+ <MultiSelect
2965
+ data={
2966
+ Array [
2967
+ "1",
2968
+ "2",
2969
+ "3",
2970
+ ]
2971
+ }
2972
+ isOpen={true}
2973
+ name="auto"
2974
+ onChange={[MockFunction]}
2975
+ onFocus={
2976
+ [MockFunction] {
2977
+ "calls": Array [
2978
+ Array [
2979
+ Object {
2980
+ "component": Object {
2981
+ "name": "auto",
2982
+ "value": Array [
2983
+ "1",
2984
+ ],
2985
+ },
2986
+ },
2987
+ ],
2988
+ ],
2989
+ "results": Array [
2990
+ Object {
2991
+ "type": "return",
2992
+ "value": undefined,
2993
+ },
2994
+ ],
2995
+ }
2996
+ }
2997
+ value={
2998
+ Array [
2999
+ "1",
3000
+ ]
3001
+ }
3002
+ >
3003
+ <Wrapper
3004
+ className="multiselect-wrapper"
3005
+ >
3006
+ <Div
3007
+ className="multiselect-wrapper"
3008
+ >
3009
+ <div
3010
+ className="multiselect-wrapper"
3011
+ >
3012
+ <Div
3013
+ className="multiselect-input-wrapper"
3014
+ onMouseDown={[Function]}
3015
+ >
3016
+ <div
3017
+ className="multiselect-input-wrapper"
3018
+ onMouseDown={[Function]}
3019
+ >
3020
+ <TagsContainer
3021
+ onClearIconClick={[Function]}
3022
+ onMouseDown={[Function]}
3023
+ onTagClick={[Function]}
3024
+ theme={
3025
+ Object {
3026
+ "checkBoxItem": "multiselect-check-box-item",
3027
+ "checkBoxSemi": "semi",
3028
+ "clearIcon": "multiselect-clear-icon",
3029
+ "container": "suggestion-wrapper",
3030
+ "containerTop": "pos-top",
3031
+ "containerVisible": "visible",
3032
+ "group": "suggestion-group",
3033
+ "groupLabel": "suggestion-group-label",
3034
+ "input": "multiselect-input",
3035
+ "inputFocused": "focused",
3036
+ "inputWrapper": "multiselect-input-wrapper",
3037
+ "inputWrapperDisabled": "disabled",
3038
+ "inputWrapperFocused": "focused",
3039
+ "inputWrapperInvalid": "danger",
3040
+ "inputWrapperRequired": "required",
3041
+ "item": "suggestion-item",
3042
+ "itemHighlighted": "highlighted",
3043
+ "itemPlaceholder": "placeholder",
3044
+ "itemSelected": "selected",
3045
+ "list": "suggestion-list",
3046
+ "noSuggestions": "nodata",
3047
+ "placeholder": "multiselect-placeholder",
3048
+ "tagsContainer": "multiselect-tags-container",
3049
+ "tagsUnion": "multiselect-tags-union",
3050
+ "wrapper": "multiselect-wrapper",
3051
+ }
3052
+ }
3053
+ value={
3054
+ Array [
3055
+ "1",
3056
+ ]
3057
+ }
3058
+ >
3059
+ <Div
3060
+ className="multiselect-tags-container"
3061
+ onMouseDown={[Function]}
3062
+ >
3063
+ <div
3064
+ className="multiselect-tags-container"
3065
+ onMouseDown={[Function]}
3066
+ >
3067
+ <TagItem
3068
+ key="0"
3069
+ onIconClick={[Function]}
3070
+ >
3071
+ <Tag
3072
+ onIconClick={[Function]}
3073
+ >
3074
+ <Wrapper
3075
+ className="tags-item"
3076
+ >
3077
+ <Span
3078
+ className="tags-item"
3079
+ >
3080
+ <span
3081
+ className="tags-item"
3082
+ >
3083
+ 1
3084
+ <Icon
3085
+ className="tags-icon icon-default"
3086
+ onClick={[Function]}
3087
+ >
3088
+ <Span
3089
+ className="tags-icon icon-default"
3090
+ onClick={[Function]}
3091
+ >
3092
+ <span
3093
+ className="tags-icon icon-default"
3094
+ onClick={[Function]}
3095
+ />
3096
+ </Span>
3097
+ </Icon>
3098
+ </span>
3099
+ </Span>
3100
+ </Wrapper>
3101
+ </Tag>
3102
+ </TagItem>
3103
+ </div>
3104
+ </Div>
3105
+ </TagsContainer>
3106
+ <Input
3107
+ aria-invalid={false}
3108
+ autoComplete="off"
3109
+ className="multiselect-input"
3110
+ name="auto"
3111
+ onBlur={[Function]}
3112
+ onChange={[Function]}
3113
+ onFocus={[Function]}
3114
+ onKeyDown={[Function]}
3115
+ value=""
3116
+ >
3117
+ <input
3118
+ aria-invalid={false}
3119
+ autoComplete="off"
3120
+ className="multiselect-input"
3121
+ name="auto"
3122
+ onBlur={[Function]}
3123
+ onChange={[Function]}
3124
+ onFocus={[Function]}
3125
+ onKeyDown={[Function]}
3126
+ value=""
3127
+ />
3128
+ </Input>
3129
+ </div>
3130
+ </Div>
3131
+ <SuggestionList
3132
+ data={
3133
+ Array [
3134
+ "2",
3135
+ "3",
3136
+ ]
3137
+ }
3138
+ highlightedSuggestion={null}
3139
+ isOpen={true}
3140
+ onClick={[Function]}
3141
+ shouldAllowEmpty={false}
3142
+ theme={
3143
+ Object {
3144
+ "checkBoxItem": "multiselect-check-box-item",
3145
+ "checkBoxSemi": "semi",
3146
+ "clearIcon": "multiselect-clear-icon",
3147
+ "container": "suggestion-wrapper",
3148
+ "containerTop": "pos-top",
3149
+ "containerVisible": "visible",
3150
+ "group": "suggestion-group",
3151
+ "groupLabel": "suggestion-group-label",
3152
+ "input": "multiselect-input",
3153
+ "inputFocused": "focused",
3154
+ "inputWrapper": "multiselect-input-wrapper",
3155
+ "inputWrapperDisabled": "disabled",
3156
+ "inputWrapperFocused": "focused",
3157
+ "inputWrapperInvalid": "danger",
3158
+ "inputWrapperRequired": "required",
3159
+ "item": "suggestion-item",
3160
+ "itemHighlighted": "highlighted",
3161
+ "itemPlaceholder": "placeholder",
3162
+ "itemSelected": "selected",
3163
+ "list": "suggestion-list",
3164
+ "noSuggestions": "nodata",
3165
+ "placeholder": "multiselect-placeholder",
3166
+ "tagsContainer": "multiselect-tags-container",
3167
+ "tagsUnion": "multiselect-tags-union",
3168
+ "wrapper": "multiselect-wrapper",
3169
+ }
3170
+ }
3171
+ value={
3172
+ Array [
3173
+ "1",
3174
+ ]
3175
+ }
3176
+ >
3177
+ <Div
3178
+ className="suggestion-wrapper"
3179
+ onMouseDown={[Function]}
3180
+ >
3181
+ <div
3182
+ className="suggestion-wrapper"
3183
+ onMouseDown={[Function]}
3184
+ >
3185
+ <List
3186
+ className="suggestion-list"
3187
+ >
3188
+ <Ul
3189
+ className="suggestion-list"
3190
+ >
3191
+ <ul
3192
+ className="suggestion-list"
3193
+ >
3194
+ <SuggestionItem
3195
+ isHighlighted={false}
3196
+ isPlaceholder={false}
3197
+ isScrollTarget={false}
3198
+ isSelectAllItem={false}
3199
+ isSelected={false}
3200
+ item="2"
3201
+ key="2"
3202
+ onClick={[Function]}
3203
+ suggestionRef={
3204
+ Object {
3205
+ "current": null,
3206
+ }
3207
+ }
3208
+ text="2"
3209
+ theme={
3210
+ Object {
3211
+ "checkBoxItem": "multiselect-check-box-item",
3212
+ "checkBoxSemi": "semi",
3213
+ "clearIcon": "multiselect-clear-icon",
3214
+ "container": "suggestion-wrapper",
3215
+ "containerTop": "pos-top",
3216
+ "containerVisible": "visible",
3217
+ "group": "suggestion-group",
3218
+ "groupLabel": "suggestion-group-label",
3219
+ "input": "multiselect-input",
3220
+ "inputFocused": "focused",
3221
+ "inputWrapper": "multiselect-input-wrapper",
3222
+ "inputWrapperDisabled": "disabled",
3223
+ "inputWrapperFocused": "focused",
3224
+ "inputWrapperInvalid": "danger",
3225
+ "inputWrapperRequired": "required",
3226
+ "item": "suggestion-item",
3227
+ "itemHighlighted": "highlighted",
3228
+ "itemPlaceholder": "placeholder",
3229
+ "itemSelected": "selected",
3230
+ "list": "suggestion-list",
3231
+ "noSuggestions": "nodata",
3232
+ "placeholder": "multiselect-placeholder",
3233
+ "tagsContainer": "multiselect-tags-container",
3234
+ "tagsUnion": "multiselect-tags-union",
3235
+ "wrapper": "multiselect-wrapper",
3236
+ }
3237
+ }
3238
+ >
3239
+ <Suggestion
3240
+ className="suggestion-item"
3241
+ onClick={[Function]}
3242
+ >
3243
+ <Li
3244
+ className="suggestion-item"
3245
+ onClick={[Function]}
3246
+ >
3247
+ <li
3248
+ className="suggestion-item"
3249
+ onClick={[Function]}
3250
+ >
3251
+ 2
3252
+ </li>
3253
+ </Li>
3254
+ </Suggestion>
3255
+ </SuggestionItem>
3256
+ <SuggestionItem
3257
+ isHighlighted={false}
3258
+ isPlaceholder={false}
3259
+ isScrollTarget={false}
3260
+ isSelectAllItem={false}
3261
+ isSelected={false}
3262
+ item="3"
3263
+ key="3"
3264
+ onClick={[Function]}
3265
+ suggestionRef={
3266
+ Object {
3267
+ "current": null,
3268
+ }
3269
+ }
3270
+ text="3"
3271
+ theme={
3272
+ Object {
3273
+ "checkBoxItem": "multiselect-check-box-item",
3274
+ "checkBoxSemi": "semi",
3275
+ "clearIcon": "multiselect-clear-icon",
3276
+ "container": "suggestion-wrapper",
3277
+ "containerTop": "pos-top",
3278
+ "containerVisible": "visible",
3279
+ "group": "suggestion-group",
3280
+ "groupLabel": "suggestion-group-label",
3281
+ "input": "multiselect-input",
3282
+ "inputFocused": "focused",
3283
+ "inputWrapper": "multiselect-input-wrapper",
3284
+ "inputWrapperDisabled": "disabled",
3285
+ "inputWrapperFocused": "focused",
3286
+ "inputWrapperInvalid": "danger",
3287
+ "inputWrapperRequired": "required",
3288
+ "item": "suggestion-item",
3289
+ "itemHighlighted": "highlighted",
3290
+ "itemPlaceholder": "placeholder",
3291
+ "itemSelected": "selected",
3292
+ "list": "suggestion-list",
3293
+ "noSuggestions": "nodata",
3294
+ "placeholder": "multiselect-placeholder",
3295
+ "tagsContainer": "multiselect-tags-container",
3296
+ "tagsUnion": "multiselect-tags-union",
3297
+ "wrapper": "multiselect-wrapper",
3298
+ }
3299
+ }
3300
+ >
3301
+ <Suggestion
3302
+ className="suggestion-item"
3303
+ onClick={[Function]}
3304
+ >
3305
+ <Li
3306
+ className="suggestion-item"
3307
+ onClick={[Function]}
3308
+ >
3309
+ <li
3310
+ className="suggestion-item"
3311
+ onClick={[Function]}
3312
+ >
3313
+ 3
3314
+ </li>
3315
+ </Li>
3316
+ </Suggestion>
3317
+ </SuggestionItem>
3318
+ </ul>
3319
+ </Ul>
3320
+ </List>
3321
+ </div>
3322
+ </Div>
3323
+ </SuggestionList>
3324
+ <InvalidMessageWrapper>
3325
+ <InvalidMessage
3326
+ isValid={true}
3327
+ messages={Array []}
3328
+ >
3329
+ <Component
3330
+ isValid={true}
3331
+ messages={Array []}
3332
+ />
3333
+ </InvalidMessage>
3334
+ </InvalidMessageWrapper>
3335
+ </div>
3336
+ </Div>
3337
+ </Wrapper>
3338
+ </MultiSelect>
3339
+ `;
3340
+
3341
+ exports[`MultiSelect SNAPSHOTS should render basic usage 1`] = `
3342
+ <MultiSelect
3343
+ data={
3344
+ Array [
3345
+ "1",
3346
+ "2",
3347
+ "3",
3348
+ ]
3349
+ }
3350
+ onChange={[MockFunction]}
3351
+ value={
3352
+ Array [
3353
+ "1",
3354
+ ]
3355
+ }
3356
+ >
3357
+ <Wrapper
3358
+ className="multiselect-wrapper"
3359
+ >
3360
+ <Div
3361
+ className="multiselect-wrapper"
3362
+ >
3363
+ <div
3364
+ className="multiselect-wrapper"
3365
+ >
3366
+ <Div
3367
+ className="multiselect-input-wrapper"
3368
+ onMouseDown={[Function]}
3369
+ >
3370
+ <div
3371
+ className="multiselect-input-wrapper"
3372
+ onMouseDown={[Function]}
3373
+ >
3374
+ <TagsContainer
3375
+ onClearIconClick={[Function]}
3376
+ onMouseDown={[Function]}
3377
+ onTagClick={[Function]}
3378
+ theme={
3379
+ Object {
3380
+ "checkBoxItem": "multiselect-check-box-item",
3381
+ "checkBoxSemi": "semi",
3382
+ "clearIcon": "multiselect-clear-icon",
3383
+ "container": "suggestion-wrapper",
3384
+ "containerTop": "pos-top",
3385
+ "containerVisible": "visible",
3386
+ "group": "suggestion-group",
3387
+ "groupLabel": "suggestion-group-label",
3388
+ "input": "multiselect-input",
3389
+ "inputFocused": "focused",
3390
+ "inputWrapper": "multiselect-input-wrapper",
3391
+ "inputWrapperDisabled": "disabled",
3392
+ "inputWrapperFocused": "focused",
3393
+ "inputWrapperInvalid": "danger",
3394
+ "inputWrapperRequired": "required",
3395
+ "item": "suggestion-item",
3396
+ "itemHighlighted": "highlighted",
3397
+ "itemPlaceholder": "placeholder",
3398
+ "itemSelected": "selected",
3399
+ "list": "suggestion-list",
3400
+ "noSuggestions": "nodata",
3401
+ "placeholder": "multiselect-placeholder",
3402
+ "tagsContainer": "multiselect-tags-container",
3403
+ "tagsUnion": "multiselect-tags-union",
3404
+ "wrapper": "multiselect-wrapper",
3405
+ }
3406
+ }
3407
+ value={
3408
+ Array [
3409
+ "1",
3410
+ ]
3411
+ }
3412
+ >
3413
+ <Div
3414
+ className="multiselect-tags-container"
3415
+ onMouseDown={[Function]}
3416
+ >
3417
+ <div
3418
+ className="multiselect-tags-container"
3419
+ onMouseDown={[Function]}
3420
+ >
3421
+ <TagItem
3422
+ key="0"
3423
+ onIconClick={[Function]}
3424
+ >
3425
+ <Tag
3426
+ onIconClick={[Function]}
3427
+ >
3428
+ <Wrapper
3429
+ className="tags-item"
3430
+ >
3431
+ <Span
3432
+ className="tags-item"
3433
+ >
3434
+ <span
3435
+ className="tags-item"
3436
+ >
3437
+ 1
3438
+ <Icon
3439
+ className="tags-icon icon-default"
3440
+ onClick={[Function]}
3441
+ >
3442
+ <Span
3443
+ className="tags-icon icon-default"
3444
+ onClick={[Function]}
3445
+ >
3446
+ <span
3447
+ className="tags-icon icon-default"
3448
+ onClick={[Function]}
3449
+ />
3450
+ </Span>
3451
+ </Icon>
3452
+ </span>
3453
+ </Span>
3454
+ </Wrapper>
3455
+ </Tag>
3456
+ </TagItem>
3457
+ </div>
3458
+ </Div>
3459
+ </TagsContainer>
3460
+ <Input
3461
+ aria-invalid={false}
3462
+ autoComplete="off"
3463
+ className="multiselect-input"
3464
+ onBlur={[Function]}
3465
+ onChange={[Function]}
3466
+ onFocus={[Function]}
3467
+ onKeyDown={[Function]}
3468
+ value=""
3469
+ >
3470
+ <input
3471
+ aria-invalid={false}
3472
+ autoComplete="off"
3473
+ className="multiselect-input"
3474
+ onBlur={[Function]}
3475
+ onChange={[Function]}
3476
+ onFocus={[Function]}
3477
+ onKeyDown={[Function]}
3478
+ value=""
3479
+ />
3480
+ </Input>
3481
+ </div>
3482
+ </Div>
3483
+ <SuggestionList
3484
+ data={
3485
+ Array [
3486
+ "2",
3487
+ "3",
3488
+ ]
3489
+ }
3490
+ highlightedSuggestion={null}
3491
+ isOpen={false}
3492
+ onClick={[Function]}
3493
+ shouldAllowEmpty={false}
3494
+ theme={
3495
+ Object {
3496
+ "checkBoxItem": "multiselect-check-box-item",
3497
+ "checkBoxSemi": "semi",
3498
+ "clearIcon": "multiselect-clear-icon",
3499
+ "container": "suggestion-wrapper",
3500
+ "containerTop": "pos-top",
3501
+ "containerVisible": "visible",
3502
+ "group": "suggestion-group",
3503
+ "groupLabel": "suggestion-group-label",
3504
+ "input": "multiselect-input",
3505
+ "inputFocused": "focused",
3506
+ "inputWrapper": "multiselect-input-wrapper",
3507
+ "inputWrapperDisabled": "disabled",
3508
+ "inputWrapperFocused": "focused",
3509
+ "inputWrapperInvalid": "danger",
3510
+ "inputWrapperRequired": "required",
3511
+ "item": "suggestion-item",
3512
+ "itemHighlighted": "highlighted",
3513
+ "itemPlaceholder": "placeholder",
3514
+ "itemSelected": "selected",
3515
+ "list": "suggestion-list",
3516
+ "noSuggestions": "nodata",
3517
+ "placeholder": "multiselect-placeholder",
3518
+ "tagsContainer": "multiselect-tags-container",
3519
+ "tagsUnion": "multiselect-tags-union",
3520
+ "wrapper": "multiselect-wrapper",
3521
+ }
3522
+ }
3523
+ value={
3524
+ Array [
3525
+ "1",
3526
+ ]
3527
+ }
3528
+ />
3529
+ <InvalidMessageWrapper>
3530
+ <InvalidMessage
3531
+ isValid={true}
3532
+ messages={Array []}
3533
+ >
3534
+ <Component
3535
+ isValid={true}
3536
+ messages={Array []}
3537
+ />
3538
+ </InvalidMessage>
3539
+ </InvalidMessageWrapper>
3540
+ </div>
3541
+ </Div>
3542
+ </Wrapper>
3543
+ </MultiSelect>
3544
+ `;
3545
+
3546
+ exports[`MultiSelect SNAPSHOTS should render data in controllable mode 1`] = `
3547
+ <MultiSelect
3548
+ data={
3549
+ Array [
3550
+ "value1",
3551
+ "value2",
3552
+ "value3",
3553
+ ]
3554
+ }
3555
+ onChange={[MockFunction]}
3556
+ value={
3557
+ Array [
3558
+ "value1",
3559
+ ]
3560
+ }
3561
+ >
3562
+ <Wrapper
3563
+ className="multiselect-wrapper"
3564
+ >
3565
+ <Div
3566
+ className="multiselect-wrapper"
3567
+ >
3568
+ <div
3569
+ className="multiselect-wrapper"
3570
+ >
3571
+ <Div
3572
+ className="multiselect-input-wrapper"
3573
+ onMouseDown={[Function]}
3574
+ >
3575
+ <div
3576
+ className="multiselect-input-wrapper"
3577
+ onMouseDown={[Function]}
3578
+ >
3579
+ <TagsContainer
3580
+ onClearIconClick={[Function]}
3581
+ onMouseDown={[Function]}
3582
+ onTagClick={[Function]}
3583
+ theme={
3584
+ Object {
3585
+ "checkBoxItem": "multiselect-check-box-item",
3586
+ "checkBoxSemi": "semi",
3587
+ "clearIcon": "multiselect-clear-icon",
3588
+ "container": "suggestion-wrapper",
3589
+ "containerTop": "pos-top",
3590
+ "containerVisible": "visible",
3591
+ "group": "suggestion-group",
3592
+ "groupLabel": "suggestion-group-label",
3593
+ "input": "multiselect-input",
3594
+ "inputFocused": "focused",
3595
+ "inputWrapper": "multiselect-input-wrapper",
3596
+ "inputWrapperDisabled": "disabled",
3597
+ "inputWrapperFocused": "focused",
3598
+ "inputWrapperInvalid": "danger",
3599
+ "inputWrapperRequired": "required",
3600
+ "item": "suggestion-item",
3601
+ "itemHighlighted": "highlighted",
3602
+ "itemPlaceholder": "placeholder",
3603
+ "itemSelected": "selected",
3604
+ "list": "suggestion-list",
3605
+ "noSuggestions": "nodata",
3606
+ "placeholder": "multiselect-placeholder",
3607
+ "tagsContainer": "multiselect-tags-container",
3608
+ "tagsUnion": "multiselect-tags-union",
3609
+ "wrapper": "multiselect-wrapper",
3610
+ }
3611
+ }
3612
+ value={
3613
+ Array [
3614
+ "value1",
3615
+ ]
3616
+ }
3617
+ >
3618
+ <Div
3619
+ className="multiselect-tags-container"
3620
+ onMouseDown={[Function]}
3621
+ >
3622
+ <div
3623
+ className="multiselect-tags-container"
3624
+ onMouseDown={[Function]}
3625
+ >
3626
+ <TagItem
3627
+ key="0"
3628
+ onIconClick={[Function]}
3629
+ >
3630
+ <Tag
3631
+ onIconClick={[Function]}
3632
+ >
3633
+ <Wrapper
3634
+ className="tags-item"
3635
+ >
3636
+ <Span
3637
+ className="tags-item"
3638
+ >
3639
+ <span
3640
+ className="tags-item"
3641
+ >
3642
+ value1
3643
+ <Icon
3644
+ className="tags-icon icon-default"
3645
+ onClick={[Function]}
3646
+ >
3647
+ <Span
3648
+ className="tags-icon icon-default"
3649
+ onClick={[Function]}
3650
+ >
3651
+ <span
3652
+ className="tags-icon icon-default"
3653
+ onClick={[Function]}
3654
+ />
3655
+ </Span>
3656
+ </Icon>
3657
+ </span>
3658
+ </Span>
3659
+ </Wrapper>
3660
+ </Tag>
3661
+ </TagItem>
3662
+ </div>
3663
+ </Div>
3664
+ </TagsContainer>
3665
+ <Input
3666
+ aria-invalid={false}
3667
+ autoComplete="off"
3668
+ className="multiselect-input"
3669
+ onBlur={[Function]}
3670
+ onChange={[Function]}
3671
+ onFocus={[Function]}
3672
+ onKeyDown={[Function]}
3673
+ value=""
3674
+ >
3675
+ <input
3676
+ aria-invalid={false}
3677
+ autoComplete="off"
3678
+ className="multiselect-input"
3679
+ onBlur={[Function]}
3680
+ onChange={[Function]}
3681
+ onFocus={[Function]}
3682
+ onKeyDown={[Function]}
3683
+ value=""
3684
+ />
3685
+ </Input>
3686
+ </div>
3687
+ </Div>
3688
+ <SuggestionList
3689
+ data={
3690
+ Array [
3691
+ "value2",
3692
+ "value3",
3693
+ ]
3694
+ }
3695
+ highlightedSuggestion={null}
3696
+ isOpen={false}
3697
+ onClick={[Function]}
3698
+ shouldAllowEmpty={false}
3699
+ theme={
3700
+ Object {
3701
+ "checkBoxItem": "multiselect-check-box-item",
3702
+ "checkBoxSemi": "semi",
3703
+ "clearIcon": "multiselect-clear-icon",
3704
+ "container": "suggestion-wrapper",
3705
+ "containerTop": "pos-top",
3706
+ "containerVisible": "visible",
3707
+ "group": "suggestion-group",
3708
+ "groupLabel": "suggestion-group-label",
3709
+ "input": "multiselect-input",
3710
+ "inputFocused": "focused",
3711
+ "inputWrapper": "multiselect-input-wrapper",
3712
+ "inputWrapperDisabled": "disabled",
3713
+ "inputWrapperFocused": "focused",
3714
+ "inputWrapperInvalid": "danger",
3715
+ "inputWrapperRequired": "required",
3716
+ "item": "suggestion-item",
3717
+ "itemHighlighted": "highlighted",
3718
+ "itemPlaceholder": "placeholder",
3719
+ "itemSelected": "selected",
3720
+ "list": "suggestion-list",
3721
+ "noSuggestions": "nodata",
3722
+ "placeholder": "multiselect-placeholder",
3723
+ "tagsContainer": "multiselect-tags-container",
3724
+ "tagsUnion": "multiselect-tags-union",
3725
+ "wrapper": "multiselect-wrapper",
3726
+ }
3727
+ }
3728
+ value={
3729
+ Array [
3730
+ "value1",
3731
+ ]
3732
+ }
3733
+ />
3734
+ <InvalidMessageWrapper>
3735
+ <InvalidMessage
3736
+ isValid={true}
3737
+ messages={Array []}
3738
+ >
3739
+ <Component
3740
+ isValid={true}
3741
+ messages={Array []}
3742
+ />
3743
+ </InvalidMessage>
3744
+ </InvalidMessageWrapper>
3745
+ </div>
3746
+ </Div>
3747
+ </Wrapper>
3748
+ </MultiSelect>
3749
+ `;
3750
+
3751
+ exports[`MultiSelect SNAPSHOTS should render data in controllable mode 2`] = `
3752
+ <MultiSelect
3753
+ data={
3754
+ Array [
3755
+ Object {
3756
+ "text": "text1",
3757
+ "value": "value1",
3758
+ },
3759
+ Object {
3760
+ "text": "text2",
3761
+ "value": "value2",
3762
+ },
3763
+ Object {
3764
+ "text": "text3",
3765
+ "value": "value3",
3766
+ },
3767
+ ]
3768
+ }
3769
+ onChange={[MockFunction]}
3770
+ value={
3771
+ Array [
3772
+ "value1",
3773
+ ]
3774
+ }
3775
+ >
3776
+ <Wrapper
3777
+ className="multiselect-wrapper"
3778
+ >
3779
+ <Div
3780
+ className="multiselect-wrapper"
3781
+ >
3782
+ <div
3783
+ className="multiselect-wrapper"
3784
+ >
3785
+ <Div
3786
+ className="multiselect-input-wrapper"
3787
+ onMouseDown={[Function]}
3788
+ >
3789
+ <div
3790
+ className="multiselect-input-wrapper"
3791
+ onMouseDown={[Function]}
3792
+ >
3793
+ <TagsContainer
3794
+ onClearIconClick={[Function]}
3795
+ onMouseDown={[Function]}
3796
+ onTagClick={[Function]}
3797
+ theme={
3798
+ Object {
3799
+ "checkBoxItem": "multiselect-check-box-item",
3800
+ "checkBoxSemi": "semi",
3801
+ "clearIcon": "multiselect-clear-icon",
3802
+ "container": "suggestion-wrapper",
3803
+ "containerTop": "pos-top",
3804
+ "containerVisible": "visible",
3805
+ "group": "suggestion-group",
3806
+ "groupLabel": "suggestion-group-label",
3807
+ "input": "multiselect-input",
3808
+ "inputFocused": "focused",
3809
+ "inputWrapper": "multiselect-input-wrapper",
3810
+ "inputWrapperDisabled": "disabled",
3811
+ "inputWrapperFocused": "focused",
3812
+ "inputWrapperInvalid": "danger",
3813
+ "inputWrapperRequired": "required",
3814
+ "item": "suggestion-item",
3815
+ "itemHighlighted": "highlighted",
3816
+ "itemPlaceholder": "placeholder",
3817
+ "itemSelected": "selected",
3818
+ "list": "suggestion-list",
3819
+ "noSuggestions": "nodata",
3820
+ "placeholder": "multiselect-placeholder",
3821
+ "tagsContainer": "multiselect-tags-container",
3822
+ "tagsUnion": "multiselect-tags-union",
3823
+ "wrapper": "multiselect-wrapper",
3824
+ }
3825
+ }
3826
+ value={
3827
+ Array [
3828
+ "value1",
3829
+ ]
3830
+ }
3831
+ >
3832
+ <Div
3833
+ className="multiselect-tags-container"
3834
+ onMouseDown={[Function]}
3835
+ >
3836
+ <div
3837
+ className="multiselect-tags-container"
3838
+ onMouseDown={[Function]}
3839
+ >
3840
+ <TagItem
3841
+ key="0"
3842
+ onIconClick={[Function]}
3843
+ >
3844
+ <Tag
3845
+ onIconClick={[Function]}
3846
+ >
3847
+ <Wrapper
3848
+ className="tags-item"
3849
+ >
3850
+ <Span
3851
+ className="tags-item"
3852
+ >
3853
+ <span
3854
+ className="tags-item"
3855
+ >
3856
+ value1
3857
+ <Icon
3858
+ className="tags-icon icon-default"
3859
+ onClick={[Function]}
3860
+ >
3861
+ <Span
3862
+ className="tags-icon icon-default"
3863
+ onClick={[Function]}
3864
+ >
3865
+ <span
3866
+ className="tags-icon icon-default"
3867
+ onClick={[Function]}
3868
+ />
3869
+ </Span>
3870
+ </Icon>
3871
+ </span>
3872
+ </Span>
3873
+ </Wrapper>
3874
+ </Tag>
3875
+ </TagItem>
3876
+ </div>
3877
+ </Div>
3878
+ </TagsContainer>
3879
+ <Input
3880
+ aria-invalid={false}
3881
+ autoComplete="off"
3882
+ className="multiselect-input"
3883
+ onBlur={[Function]}
3884
+ onChange={[Function]}
3885
+ onFocus={[Function]}
3886
+ onKeyDown={[Function]}
3887
+ value=""
3888
+ >
3889
+ <input
3890
+ aria-invalid={false}
3891
+ autoComplete="off"
3892
+ className="multiselect-input"
3893
+ onBlur={[Function]}
3894
+ onChange={[Function]}
3895
+ onFocus={[Function]}
3896
+ onKeyDown={[Function]}
3897
+ value=""
3898
+ />
3899
+ </Input>
3900
+ </div>
3901
+ </Div>
3902
+ <SuggestionList
3903
+ data={
3904
+ Array [
3905
+ Object {
3906
+ "text": "text1",
3907
+ "value": "value1",
3908
+ },
3909
+ Object {
3910
+ "text": "text2",
3911
+ "value": "value2",
3912
+ },
3913
+ Object {
3914
+ "text": "text3",
3915
+ "value": "value3",
3916
+ },
3917
+ ]
3918
+ }
3919
+ highlightedSuggestion={null}
3920
+ isOpen={false}
3921
+ onClick={[Function]}
3922
+ shouldAllowEmpty={false}
3923
+ theme={
3924
+ Object {
3925
+ "checkBoxItem": "multiselect-check-box-item",
3926
+ "checkBoxSemi": "semi",
3927
+ "clearIcon": "multiselect-clear-icon",
3928
+ "container": "suggestion-wrapper",
3929
+ "containerTop": "pos-top",
3930
+ "containerVisible": "visible",
3931
+ "group": "suggestion-group",
3932
+ "groupLabel": "suggestion-group-label",
3933
+ "input": "multiselect-input",
3934
+ "inputFocused": "focused",
3935
+ "inputWrapper": "multiselect-input-wrapper",
3936
+ "inputWrapperDisabled": "disabled",
3937
+ "inputWrapperFocused": "focused",
3938
+ "inputWrapperInvalid": "danger",
3939
+ "inputWrapperRequired": "required",
3940
+ "item": "suggestion-item",
3941
+ "itemHighlighted": "highlighted",
3942
+ "itemPlaceholder": "placeholder",
3943
+ "itemSelected": "selected",
3944
+ "list": "suggestion-list",
3945
+ "noSuggestions": "nodata",
3946
+ "placeholder": "multiselect-placeholder",
3947
+ "tagsContainer": "multiselect-tags-container",
3948
+ "tagsUnion": "multiselect-tags-union",
3949
+ "wrapper": "multiselect-wrapper",
3950
+ }
3951
+ }
3952
+ value={
3953
+ Array [
3954
+ "value1",
3955
+ ]
3956
+ }
3957
+ />
3958
+ <InvalidMessageWrapper>
3959
+ <InvalidMessage
3960
+ isValid={true}
3961
+ messages={Array []}
3962
+ >
3963
+ <Component
3964
+ isValid={true}
3965
+ messages={Array []}
3966
+ />
3967
+ </InvalidMessage>
3968
+ </InvalidMessageWrapper>
3969
+ </div>
3970
+ </Div>
3971
+ </Wrapper>
3972
+ </MultiSelect>
3973
+ `;
3974
+
3975
+ exports[`MultiSelect SNAPSHOTS should render value in controllable mode 1`] = `
3976
+ <MultiSelect
3977
+ data={
3978
+ Array [
3979
+ "1",
3980
+ "2",
3981
+ "3",
3982
+ ]
3983
+ }
3984
+ onChange={[MockFunction]}
3985
+ value={
3986
+ Array [
3987
+ "1",
3988
+ ]
3989
+ }
3990
+ >
3991
+ <Wrapper
3992
+ className="multiselect-wrapper"
3993
+ >
3994
+ <Div
3995
+ className="multiselect-wrapper"
3996
+ >
3997
+ <div
3998
+ className="multiselect-wrapper"
3999
+ >
4000
+ <Div
4001
+ className="multiselect-input-wrapper"
4002
+ onMouseDown={[Function]}
4003
+ >
4004
+ <div
4005
+ className="multiselect-input-wrapper"
4006
+ onMouseDown={[Function]}
4007
+ >
4008
+ <TagsContainer
4009
+ onClearIconClick={[Function]}
4010
+ onMouseDown={[Function]}
4011
+ onTagClick={[Function]}
4012
+ theme={
4013
+ Object {
4014
+ "checkBoxItem": "multiselect-check-box-item",
4015
+ "checkBoxSemi": "semi",
4016
+ "clearIcon": "multiselect-clear-icon",
4017
+ "container": "suggestion-wrapper",
4018
+ "containerTop": "pos-top",
4019
+ "containerVisible": "visible",
4020
+ "group": "suggestion-group",
4021
+ "groupLabel": "suggestion-group-label",
4022
+ "input": "multiselect-input",
4023
+ "inputFocused": "focused",
4024
+ "inputWrapper": "multiselect-input-wrapper",
4025
+ "inputWrapperDisabled": "disabled",
4026
+ "inputWrapperFocused": "focused",
4027
+ "inputWrapperInvalid": "danger",
4028
+ "inputWrapperRequired": "required",
4029
+ "item": "suggestion-item",
4030
+ "itemHighlighted": "highlighted",
4031
+ "itemPlaceholder": "placeholder",
4032
+ "itemSelected": "selected",
4033
+ "list": "suggestion-list",
4034
+ "noSuggestions": "nodata",
4035
+ "placeholder": "multiselect-placeholder",
4036
+ "tagsContainer": "multiselect-tags-container",
4037
+ "tagsUnion": "multiselect-tags-union",
4038
+ "wrapper": "multiselect-wrapper",
4039
+ }
4040
+ }
4041
+ value={
4042
+ Array [
4043
+ "1",
4044
+ ]
4045
+ }
4046
+ >
4047
+ <Div
4048
+ className="multiselect-tags-container"
4049
+ onMouseDown={[Function]}
4050
+ >
4051
+ <div
4052
+ className="multiselect-tags-container"
4053
+ onMouseDown={[Function]}
4054
+ >
4055
+ <TagItem
4056
+ key="0"
4057
+ onIconClick={[Function]}
4058
+ >
4059
+ <Tag
4060
+ onIconClick={[Function]}
4061
+ >
4062
+ <Wrapper
4063
+ className="tags-item"
4064
+ >
4065
+ <Span
4066
+ className="tags-item"
4067
+ >
4068
+ <span
4069
+ className="tags-item"
4070
+ >
4071
+ 1
4072
+ <Icon
4073
+ className="tags-icon icon-default"
4074
+ onClick={[Function]}
4075
+ >
4076
+ <Span
4077
+ className="tags-icon icon-default"
4078
+ onClick={[Function]}
4079
+ >
4080
+ <span
4081
+ className="tags-icon icon-default"
4082
+ onClick={[Function]}
4083
+ />
4084
+ </Span>
4085
+ </Icon>
4086
+ </span>
4087
+ </Span>
4088
+ </Wrapper>
4089
+ </Tag>
4090
+ </TagItem>
4091
+ </div>
4092
+ </Div>
4093
+ </TagsContainer>
4094
+ <Input
4095
+ aria-invalid={false}
4096
+ autoComplete="off"
4097
+ className="multiselect-input"
4098
+ onBlur={[Function]}
4099
+ onChange={[Function]}
4100
+ onFocus={[Function]}
4101
+ onKeyDown={[Function]}
4102
+ value=""
4103
+ >
4104
+ <input
4105
+ aria-invalid={false}
4106
+ autoComplete="off"
4107
+ className="multiselect-input"
4108
+ onBlur={[Function]}
4109
+ onChange={[Function]}
4110
+ onFocus={[Function]}
4111
+ onKeyDown={[Function]}
4112
+ value=""
4113
+ />
4114
+ </Input>
4115
+ </div>
4116
+ </Div>
4117
+ <SuggestionList
4118
+ data={
4119
+ Array [
4120
+ "2",
4121
+ "3",
4122
+ ]
4123
+ }
4124
+ highlightedSuggestion={null}
4125
+ isOpen={false}
4126
+ onClick={[Function]}
4127
+ shouldAllowEmpty={false}
4128
+ theme={
4129
+ Object {
4130
+ "checkBoxItem": "multiselect-check-box-item",
4131
+ "checkBoxSemi": "semi",
4132
+ "clearIcon": "multiselect-clear-icon",
4133
+ "container": "suggestion-wrapper",
4134
+ "containerTop": "pos-top",
4135
+ "containerVisible": "visible",
4136
+ "group": "suggestion-group",
4137
+ "groupLabel": "suggestion-group-label",
4138
+ "input": "multiselect-input",
4139
+ "inputFocused": "focused",
4140
+ "inputWrapper": "multiselect-input-wrapper",
4141
+ "inputWrapperDisabled": "disabled",
4142
+ "inputWrapperFocused": "focused",
4143
+ "inputWrapperInvalid": "danger",
4144
+ "inputWrapperRequired": "required",
4145
+ "item": "suggestion-item",
4146
+ "itemHighlighted": "highlighted",
4147
+ "itemPlaceholder": "placeholder",
4148
+ "itemSelected": "selected",
4149
+ "list": "suggestion-list",
4150
+ "noSuggestions": "nodata",
4151
+ "placeholder": "multiselect-placeholder",
4152
+ "tagsContainer": "multiselect-tags-container",
4153
+ "tagsUnion": "multiselect-tags-union",
4154
+ "wrapper": "multiselect-wrapper",
4155
+ }
4156
+ }
4157
+ value={
4158
+ Array [
4159
+ "1",
4160
+ ]
4161
+ }
4162
+ />
4163
+ <InvalidMessageWrapper>
4164
+ <InvalidMessage
4165
+ isValid={true}
4166
+ messages={Array []}
4167
+ >
4168
+ <Component
4169
+ isValid={true}
4170
+ messages={Array []}
4171
+ />
4172
+ </InvalidMessage>
4173
+ </InvalidMessageWrapper>
4174
+ </div>
4175
+ </Div>
4176
+ </Wrapper>
4177
+ </MultiSelect>
4178
+ `;
4179
+
4180
+ exports[`MultiSelect SNAPSHOTS should render value in controllable mode 2`] = `
4181
+ <MultiSelect
4182
+ data={
4183
+ Array [
4184
+ "1",
4185
+ "2",
4186
+ "3",
4187
+ ]
4188
+ }
4189
+ onChange={[MockFunction]}
4190
+ value={
4191
+ Array [
4192
+ "2",
4193
+ ]
4194
+ }
4195
+ >
4196
+ <Wrapper
4197
+ className="multiselect-wrapper"
4198
+ >
4199
+ <Div
4200
+ className="multiselect-wrapper"
4201
+ >
4202
+ <div
4203
+ className="multiselect-wrapper"
4204
+ >
4205
+ <Div
4206
+ className="multiselect-input-wrapper"
4207
+ onMouseDown={[Function]}
4208
+ >
4209
+ <div
4210
+ className="multiselect-input-wrapper"
4211
+ onMouseDown={[Function]}
4212
+ >
4213
+ <TagsContainer
4214
+ onClearIconClick={[Function]}
4215
+ onMouseDown={[Function]}
4216
+ onTagClick={[Function]}
4217
+ theme={
4218
+ Object {
4219
+ "checkBoxItem": "multiselect-check-box-item",
4220
+ "checkBoxSemi": "semi",
4221
+ "clearIcon": "multiselect-clear-icon",
4222
+ "container": "suggestion-wrapper",
4223
+ "containerTop": "pos-top",
4224
+ "containerVisible": "visible",
4225
+ "group": "suggestion-group",
4226
+ "groupLabel": "suggestion-group-label",
4227
+ "input": "multiselect-input",
4228
+ "inputFocused": "focused",
4229
+ "inputWrapper": "multiselect-input-wrapper",
4230
+ "inputWrapperDisabled": "disabled",
4231
+ "inputWrapperFocused": "focused",
4232
+ "inputWrapperInvalid": "danger",
4233
+ "inputWrapperRequired": "required",
4234
+ "item": "suggestion-item",
4235
+ "itemHighlighted": "highlighted",
4236
+ "itemPlaceholder": "placeholder",
4237
+ "itemSelected": "selected",
4238
+ "list": "suggestion-list",
4239
+ "noSuggestions": "nodata",
4240
+ "placeholder": "multiselect-placeholder",
4241
+ "tagsContainer": "multiselect-tags-container",
4242
+ "tagsUnion": "multiselect-tags-union",
4243
+ "wrapper": "multiselect-wrapper",
4244
+ }
4245
+ }
4246
+ value={
4247
+ Array [
4248
+ "2",
4249
+ ]
4250
+ }
4251
+ >
4252
+ <Div
4253
+ className="multiselect-tags-container"
4254
+ onMouseDown={[Function]}
4255
+ >
4256
+ <div
4257
+ className="multiselect-tags-container"
4258
+ onMouseDown={[Function]}
4259
+ >
4260
+ <TagItem
4261
+ key="0"
4262
+ onIconClick={[Function]}
4263
+ >
4264
+ <Tag
4265
+ onIconClick={[Function]}
4266
+ >
4267
+ <Wrapper
4268
+ className="tags-item"
4269
+ >
4270
+ <Span
4271
+ className="tags-item"
4272
+ >
4273
+ <span
4274
+ className="tags-item"
4275
+ >
4276
+ 2
4277
+ <Icon
4278
+ className="tags-icon icon-default"
4279
+ onClick={[Function]}
4280
+ >
4281
+ <Span
4282
+ className="tags-icon icon-default"
4283
+ onClick={[Function]}
4284
+ >
4285
+ <span
4286
+ className="tags-icon icon-default"
4287
+ onClick={[Function]}
4288
+ />
4289
+ </Span>
4290
+ </Icon>
4291
+ </span>
4292
+ </Span>
4293
+ </Wrapper>
4294
+ </Tag>
4295
+ </TagItem>
4296
+ </div>
4297
+ </Div>
4298
+ </TagsContainer>
4299
+ <Input
4300
+ aria-invalid={false}
4301
+ autoComplete="off"
4302
+ className="multiselect-input"
4303
+ onBlur={[Function]}
4304
+ onChange={[Function]}
4305
+ onFocus={[Function]}
4306
+ onKeyDown={[Function]}
4307
+ value=""
4308
+ >
4309
+ <input
4310
+ aria-invalid={false}
4311
+ autoComplete="off"
4312
+ className="multiselect-input"
4313
+ onBlur={[Function]}
4314
+ onChange={[Function]}
4315
+ onFocus={[Function]}
4316
+ onKeyDown={[Function]}
4317
+ value=""
4318
+ />
4319
+ </Input>
4320
+ </div>
4321
+ </Div>
4322
+ <SuggestionList
4323
+ data={
4324
+ Array [
4325
+ "1",
4326
+ "3",
4327
+ ]
4328
+ }
4329
+ highlightedSuggestion={null}
4330
+ isOpen={false}
4331
+ onClick={[Function]}
4332
+ shouldAllowEmpty={false}
4333
+ theme={
4334
+ Object {
4335
+ "checkBoxItem": "multiselect-check-box-item",
4336
+ "checkBoxSemi": "semi",
4337
+ "clearIcon": "multiselect-clear-icon",
4338
+ "container": "suggestion-wrapper",
4339
+ "containerTop": "pos-top",
4340
+ "containerVisible": "visible",
4341
+ "group": "suggestion-group",
4342
+ "groupLabel": "suggestion-group-label",
4343
+ "input": "multiselect-input",
4344
+ "inputFocused": "focused",
4345
+ "inputWrapper": "multiselect-input-wrapper",
4346
+ "inputWrapperDisabled": "disabled",
4347
+ "inputWrapperFocused": "focused",
4348
+ "inputWrapperInvalid": "danger",
4349
+ "inputWrapperRequired": "required",
4350
+ "item": "suggestion-item",
4351
+ "itemHighlighted": "highlighted",
4352
+ "itemPlaceholder": "placeholder",
4353
+ "itemSelected": "selected",
4354
+ "list": "suggestion-list",
4355
+ "noSuggestions": "nodata",
4356
+ "placeholder": "multiselect-placeholder",
4357
+ "tagsContainer": "multiselect-tags-container",
4358
+ "tagsUnion": "multiselect-tags-union",
4359
+ "wrapper": "multiselect-wrapper",
4360
+ }
4361
+ }
4362
+ value={
4363
+ Array [
4364
+ "2",
4365
+ ]
4366
+ }
4367
+ />
4368
+ <InvalidMessageWrapper>
4369
+ <InvalidMessage
4370
+ isValid={true}
4371
+ messages={Array []}
4372
+ >
4373
+ <Component
4374
+ isValid={true}
4375
+ messages={Array []}
4376
+ />
4377
+ </InvalidMessage>
4378
+ </InvalidMessageWrapper>
4379
+ </div>
4380
+ </Div>
4381
+ </Wrapper>
4382
+ </MultiSelect>
4383
+ `;