primereact 8.1.1 → 8.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (709) hide show
  1. package/README.md +6 -0
  2. package/accordion/accordion.cjs.js +10 -0
  3. package/accordion/accordion.cjs.min.js +1 -1
  4. package/accordion/accordion.d.ts +4 -5
  5. package/accordion/accordion.esm.js +10 -0
  6. package/accordion/accordion.esm.min.js +1 -1
  7. package/accordion/accordion.js +10 -0
  8. package/accordion/accordion.min.js +1 -1
  9. package/api/api.cjs.js +2 -0
  10. package/api/api.cjs.min.js +1 -1
  11. package/api/api.d.ts +1 -0
  12. package/api/api.esm.js +2 -0
  13. package/api/api.esm.min.js +1 -1
  14. package/api/api.js +2 -0
  15. package/api/api.min.js +1 -1
  16. package/autocomplete/autocomplete.cjs.js +33 -11
  17. package/autocomplete/autocomplete.cjs.min.js +1 -1
  18. package/autocomplete/autocomplete.d.ts +5 -1
  19. package/autocomplete/autocomplete.esm.js +34 -12
  20. package/autocomplete/autocomplete.esm.min.js +1 -1
  21. package/autocomplete/autocomplete.js +33 -11
  22. package/autocomplete/autocomplete.min.js +1 -1
  23. package/avatar/avatar.cjs.js +18 -7
  24. package/avatar/avatar.cjs.min.js +1 -1
  25. package/avatar/avatar.d.ts +4 -4
  26. package/avatar/avatar.esm.js +18 -7
  27. package/avatar/avatar.esm.min.js +1 -1
  28. package/avatar/avatar.js +18 -7
  29. package/avatar/avatar.min.js +1 -1
  30. package/avatargroup/avatargroup.cjs.js +10 -0
  31. package/avatargroup/avatargroup.cjs.min.js +1 -1
  32. package/avatargroup/avatargroup.d.ts +4 -4
  33. package/avatargroup/avatargroup.esm.js +10 -0
  34. package/avatargroup/avatargroup.esm.min.js +1 -1
  35. package/avatargroup/avatargroup.js +10 -0
  36. package/avatargroup/avatargroup.min.js +1 -1
  37. package/badge/badge.cjs.js +12 -2
  38. package/badge/badge.cjs.min.js +1 -1
  39. package/badge/badge.d.ts +5 -5
  40. package/badge/badge.esm.js +12 -2
  41. package/badge/badge.esm.min.js +1 -1
  42. package/badge/badge.js +12 -2
  43. package/badge/badge.min.js +1 -1
  44. package/blockui/blockui.cjs.js +7 -1
  45. package/blockui/blockui.cjs.min.js +1 -1
  46. package/blockui/blockui.d.ts +2 -4
  47. package/blockui/blockui.esm.js +7 -1
  48. package/blockui/blockui.esm.min.js +1 -1
  49. package/blockui/blockui.js +7 -1
  50. package/blockui/blockui.min.js +1 -1
  51. package/breadcrumb/breadcrumb.cjs.js +11 -0
  52. package/breadcrumb/breadcrumb.cjs.min.js +1 -1
  53. package/breadcrumb/breadcrumb.d.ts +4 -5
  54. package/breadcrumb/breadcrumb.esm.js +11 -0
  55. package/breadcrumb/breadcrumb.esm.min.js +1 -1
  56. package/breadcrumb/breadcrumb.js +11 -0
  57. package/breadcrumb/breadcrumb.min.js +1 -1
  58. package/button/button.d.ts +3 -1
  59. package/calendar/calendar.cjs.js +143 -32
  60. package/calendar/calendar.cjs.min.js +1 -1
  61. package/calendar/calendar.d.ts +4 -0
  62. package/calendar/calendar.esm.js +143 -32
  63. package/calendar/calendar.esm.min.js +1 -1
  64. package/calendar/calendar.js +143 -32
  65. package/calendar/calendar.min.js +1 -1
  66. package/captcha/captcha.cjs.js +5 -1
  67. package/captcha/captcha.cjs.min.js +1 -1
  68. package/captcha/captcha.d.ts +2 -3
  69. package/captcha/captcha.esm.js +5 -1
  70. package/captcha/captcha.esm.min.js +1 -1
  71. package/captcha/captcha.js +5 -1
  72. package/captcha/captcha.min.js +1 -1
  73. package/card/card.d.ts +1 -4
  74. package/carousel/carousel.cjs.js +9 -1
  75. package/carousel/carousel.cjs.min.js +1 -1
  76. package/carousel/carousel.d.ts +4 -5
  77. package/carousel/carousel.esm.js +9 -1
  78. package/carousel/carousel.esm.min.js +1 -1
  79. package/carousel/carousel.js +9 -1
  80. package/carousel/carousel.min.js +1 -1
  81. package/cascadeselect/cascadeselect.cjs.js +20 -3
  82. package/cascadeselect/cascadeselect.cjs.min.js +1 -1
  83. package/cascadeselect/cascadeselect.d.ts +7 -2
  84. package/cascadeselect/cascadeselect.esm.js +20 -3
  85. package/cascadeselect/cascadeselect.esm.min.js +1 -1
  86. package/cascadeselect/cascadeselect.js +20 -3
  87. package/cascadeselect/cascadeselect.min.js +1 -1
  88. package/chart/chart.cjs.js +52 -23
  89. package/chart/chart.cjs.min.js +1 -1
  90. package/chart/chart.d.ts +1 -0
  91. package/chart/chart.esm.js +52 -23
  92. package/chart/chart.esm.min.js +1 -1
  93. package/chart/chart.js +52 -23
  94. package/chart/chart.min.js +1 -1
  95. package/checkbox/checkbox.cjs.js +31 -16
  96. package/checkbox/checkbox.cjs.min.js +1 -1
  97. package/checkbox/checkbox.d.ts +5 -2
  98. package/checkbox/checkbox.esm.js +32 -17
  99. package/checkbox/checkbox.esm.min.js +1 -1
  100. package/checkbox/checkbox.js +31 -16
  101. package/checkbox/checkbox.min.js +1 -1
  102. package/chip/chip.cjs.js +11 -0
  103. package/chip/chip.cjs.min.js +1 -1
  104. package/chip/chip.d.ts +4 -4
  105. package/chip/chip.esm.js +11 -0
  106. package/chip/chip.esm.min.js +1 -1
  107. package/chip/chip.js +11 -0
  108. package/chip/chip.min.js +1 -1
  109. package/chips/chips.cjs.js +39 -2
  110. package/chips/chips.cjs.min.js +1 -1
  111. package/chips/chips.d.ts +9 -5
  112. package/chips/chips.esm.js +40 -3
  113. package/chips/chips.esm.min.js +1 -1
  114. package/chips/chips.js +40 -4
  115. package/chips/chips.min.js +1 -1
  116. package/colorpicker/colorpicker.cjs.js +16 -0
  117. package/colorpicker/colorpicker.cjs.min.js +1 -1
  118. package/colorpicker/colorpicker.d.ts +7 -1
  119. package/colorpicker/colorpicker.esm.js +16 -0
  120. package/colorpicker/colorpicker.esm.min.js +1 -1
  121. package/colorpicker/colorpicker.js +16 -0
  122. package/colorpicker/colorpicker.min.js +1 -1
  123. package/column/column.d.ts +1 -0
  124. package/confirmdialog/confirmdialog.cjs.js +2 -1
  125. package/confirmdialog/confirmdialog.cjs.min.js +1 -1
  126. package/confirmdialog/confirmdialog.d.ts +1 -6
  127. package/confirmdialog/confirmdialog.esm.js +2 -1
  128. package/confirmdialog/confirmdialog.esm.min.js +1 -1
  129. package/confirmdialog/confirmdialog.js +2 -1
  130. package/confirmdialog/confirmdialog.min.js +1 -1
  131. package/confirmpopup/confirmpopup.cjs.js +1 -0
  132. package/confirmpopup/confirmpopup.cjs.min.js +1 -1
  133. package/confirmpopup/confirmpopup.esm.js +1 -0
  134. package/confirmpopup/confirmpopup.esm.min.js +1 -1
  135. package/confirmpopup/confirmpopup.js +1 -0
  136. package/confirmpopup/confirmpopup.min.js +1 -1
  137. package/contextmenu/contextmenu.cjs.js +6 -1
  138. package/contextmenu/contextmenu.cjs.min.js +1 -1
  139. package/contextmenu/contextmenu.d.ts +2 -4
  140. package/contextmenu/contextmenu.esm.js +6 -1
  141. package/contextmenu/contextmenu.esm.min.js +1 -1
  142. package/contextmenu/contextmenu.js +6 -1
  143. package/contextmenu/contextmenu.min.js +1 -1
  144. package/core/core.js +650 -195
  145. package/core/core.min.js +14 -14
  146. package/datascroller/datascroller.cjs.js +10 -1
  147. package/datascroller/datascroller.cjs.min.js +1 -1
  148. package/datascroller/datascroller.d.ts +2 -4
  149. package/datascroller/datascroller.esm.js +10 -1
  150. package/datascroller/datascroller.esm.min.js +1 -1
  151. package/datascroller/datascroller.js +10 -1
  152. package/datascroller/datascroller.min.js +1 -1
  153. package/datatable/datatable.cjs.js +92 -28
  154. package/datatable/datatable.cjs.min.js +1 -1
  155. package/datatable/datatable.d.ts +6 -2
  156. package/datatable/datatable.esm.js +93 -29
  157. package/datatable/datatable.esm.min.js +1 -1
  158. package/datatable/datatable.js +92 -28
  159. package/datatable/datatable.min.js +1 -1
  160. package/dataview/dataview.cjs.js +11 -1
  161. package/dataview/dataview.cjs.min.js +1 -1
  162. package/dataview/dataview.d.ts +4 -5
  163. package/dataview/dataview.esm.js +11 -1
  164. package/dataview/dataview.esm.min.js +1 -1
  165. package/dataview/dataview.js +11 -1
  166. package/dataview/dataview.min.js +1 -1
  167. package/deferredcontent/deferredcontent.cjs.js +8 -0
  168. package/deferredcontent/deferredcontent.cjs.min.js +1 -1
  169. package/deferredcontent/deferredcontent.d.ts +4 -2
  170. package/deferredcontent/deferredcontent.esm.js +8 -0
  171. package/deferredcontent/deferredcontent.esm.min.js +1 -1
  172. package/deferredcontent/deferredcontent.js +8 -0
  173. package/deferredcontent/deferredcontent.min.js +1 -1
  174. package/dialog/dialog.cjs.js +23 -3
  175. package/dialog/dialog.cjs.min.js +1 -1
  176. package/dialog/dialog.d.ts +6 -0
  177. package/dialog/dialog.esm.js +23 -3
  178. package/dialog/dialog.esm.min.js +1 -1
  179. package/dialog/dialog.js +23 -3
  180. package/dialog/dialog.min.js +1 -1
  181. package/divider/divider.cjs.js +10 -0
  182. package/divider/divider.cjs.min.js +1 -1
  183. package/divider/divider.d.ts +4 -4
  184. package/divider/divider.esm.js +10 -0
  185. package/divider/divider.esm.min.js +1 -1
  186. package/divider/divider.js +10 -0
  187. package/divider/divider.min.js +1 -1
  188. package/dock/dock.cjs.js +11 -0
  189. package/dock/dock.cjs.min.js +1 -1
  190. package/dock/dock.d.ts +4 -5
  191. package/dock/dock.esm.js +11 -0
  192. package/dock/dock.esm.min.js +1 -1
  193. package/dock/dock.js +11 -0
  194. package/dock/dock.min.js +1 -1
  195. package/dropdown/dropdown.cjs.js +141 -30
  196. package/dropdown/dropdown.cjs.min.js +1 -1
  197. package/dropdown/dropdown.d.ts +15 -2
  198. package/dropdown/dropdown.esm.js +141 -30
  199. package/dropdown/dropdown.esm.min.js +1 -1
  200. package/dropdown/dropdown.js +141 -30
  201. package/dropdown/dropdown.min.js +1 -1
  202. package/editor/editor.cjs.js +103 -50
  203. package/editor/editor.cjs.min.js +1 -1
  204. package/editor/editor.d.ts +3 -0
  205. package/editor/editor.esm.js +103 -50
  206. package/editor/editor.esm.min.js +1 -1
  207. package/editor/editor.js +103 -50
  208. package/editor/editor.min.js +1 -1
  209. package/fieldset/fieldset.cjs.js +13 -0
  210. package/fieldset/fieldset.cjs.min.js +1 -1
  211. package/fieldset/fieldset.d.ts +5 -5
  212. package/fieldset/fieldset.esm.js +13 -0
  213. package/fieldset/fieldset.esm.min.js +1 -1
  214. package/fieldset/fieldset.js +13 -0
  215. package/fieldset/fieldset.min.js +1 -1
  216. package/fileupload/fileupload.cjs.js +15 -1
  217. package/fileupload/fileupload.cjs.min.js +1 -1
  218. package/fileupload/fileupload.d.ts +4 -0
  219. package/fileupload/fileupload.esm.js +15 -1
  220. package/fileupload/fileupload.esm.min.js +1 -1
  221. package/fileupload/fileupload.js +15 -1
  222. package/fileupload/fileupload.min.js +1 -1
  223. package/fullcalendar/fullcalendar.cjs.js +8 -0
  224. package/fullcalendar/fullcalendar.cjs.min.js +1 -1
  225. package/fullcalendar/fullcalendar.d.ts +3 -1
  226. package/fullcalendar/fullcalendar.esm.js +8 -0
  227. package/fullcalendar/fullcalendar.esm.min.js +1 -1
  228. package/fullcalendar/fullcalendar.js +8 -0
  229. package/fullcalendar/fullcalendar.min.js +1 -1
  230. package/galleria/galleria.cjs.js +9 -2
  231. package/galleria/galleria.cjs.min.js +1 -1
  232. package/galleria/galleria.d.ts +2 -4
  233. package/galleria/galleria.esm.js +9 -2
  234. package/galleria/galleria.esm.min.js +1 -1
  235. package/galleria/galleria.js +9 -2
  236. package/galleria/galleria.min.js +1 -1
  237. package/gmap/gmap.cjs.js +5 -1
  238. package/gmap/gmap.cjs.min.js +1 -1
  239. package/gmap/gmap.d.ts +5 -4
  240. package/gmap/gmap.esm.js +5 -1
  241. package/gmap/gmap.esm.min.js +1 -1
  242. package/gmap/gmap.js +5 -1
  243. package/gmap/gmap.min.js +1 -1
  244. package/image/image.cjs.js +18 -5
  245. package/image/image.cjs.min.js +1 -1
  246. package/image/image.d.ts +5 -4
  247. package/image/image.esm.js +18 -5
  248. package/image/image.esm.min.js +1 -1
  249. package/image/image.js +18 -5
  250. package/image/image.min.css +1 -1
  251. package/image/image.min.js +1 -1
  252. package/inplace/inplace.cjs.js +11 -1
  253. package/inplace/inplace.cjs.min.js +1 -1
  254. package/inplace/inplace.d.ts +4 -5
  255. package/inplace/inplace.esm.js +11 -1
  256. package/inplace/inplace.esm.min.js +1 -1
  257. package/inplace/inplace.js +11 -1
  258. package/inplace/inplace.min.js +1 -1
  259. package/inputmask/inputmask.cjs.js +15 -5
  260. package/inputmask/inputmask.cjs.min.js +1 -1
  261. package/inputmask/inputmask.d.ts +5 -13
  262. package/inputmask/inputmask.esm.js +15 -5
  263. package/inputmask/inputmask.esm.min.js +1 -1
  264. package/inputmask/inputmask.js +15 -5
  265. package/inputmask/inputmask.min.js +1 -1
  266. package/inputnumber/inputnumber.cjs.js +12 -4
  267. package/inputnumber/inputnumber.cjs.min.js +1 -1
  268. package/inputnumber/inputnumber.d.ts +4 -5
  269. package/inputnumber/inputnumber.esm.js +12 -4
  270. package/inputnumber/inputnumber.esm.min.js +1 -1
  271. package/inputnumber/inputnumber.js +12 -4
  272. package/inputnumber/inputnumber.min.js +1 -1
  273. package/inputswitch/inputswitch.cjs.js +12 -1
  274. package/inputswitch/inputswitch.cjs.min.js +1 -1
  275. package/inputswitch/inputswitch.d.ts +4 -1
  276. package/inputswitch/inputswitch.esm.js +13 -2
  277. package/inputswitch/inputswitch.esm.min.js +1 -1
  278. package/inputswitch/inputswitch.js +12 -1
  279. package/inputswitch/inputswitch.min.css +1 -1
  280. package/inputswitch/inputswitch.min.js +1 -1
  281. package/inputtext/inputtext.cjs.js +3 -2
  282. package/inputtext/inputtext.cjs.min.js +1 -1
  283. package/inputtext/inputtext.d.ts +4 -1
  284. package/inputtext/inputtext.esm.js +3 -2
  285. package/inputtext/inputtext.esm.min.js +1 -1
  286. package/inputtext/inputtext.js +3 -2
  287. package/inputtext/inputtext.min.css +1 -1
  288. package/inputtext/inputtext.min.js +1 -1
  289. package/inputtextarea/inputtextarea.cjs.js +3 -2
  290. package/inputtextarea/inputtextarea.cjs.min.js +1 -1
  291. package/inputtextarea/inputtextarea.d.ts +4 -1
  292. package/inputtextarea/inputtextarea.esm.js +3 -2
  293. package/inputtextarea/inputtextarea.esm.min.js +1 -1
  294. package/inputtextarea/inputtextarea.js +3 -2
  295. package/inputtextarea/inputtextarea.min.js +1 -1
  296. package/keyfilter/keyfilter.cjs.js +4 -4
  297. package/keyfilter/keyfilter.cjs.min.js +1 -1
  298. package/keyfilter/keyfilter.esm.js +4 -4
  299. package/keyfilter/keyfilter.esm.min.js +1 -1
  300. package/keyfilter/keyfilter.js +4 -4
  301. package/keyfilter/keyfilter.min.js +1 -1
  302. package/knob/knob.cjs.js +8 -0
  303. package/knob/knob.cjs.min.js +1 -1
  304. package/knob/knob.d.ts +3 -1
  305. package/knob/knob.esm.js +8 -0
  306. package/knob/knob.esm.min.js +1 -1
  307. package/knob/knob.js +8 -0
  308. package/knob/knob.min.js +1 -1
  309. package/listbox/listbox.cjs.js +129 -20
  310. package/listbox/listbox.cjs.min.js +1 -1
  311. package/listbox/listbox.d.ts +14 -7
  312. package/listbox/listbox.esm.js +130 -21
  313. package/listbox/listbox.esm.min.js +1 -1
  314. package/listbox/listbox.js +130 -22
  315. package/listbox/listbox.min.js +1 -1
  316. package/megamenu/megamenu.cjs.js +40 -12
  317. package/megamenu/megamenu.cjs.min.js +1 -1
  318. package/megamenu/megamenu.d.ts +11 -5
  319. package/megamenu/megamenu.esm.js +40 -12
  320. package/megamenu/megamenu.esm.min.js +1 -1
  321. package/megamenu/megamenu.js +40 -12
  322. package/megamenu/megamenu.min.css +1 -1
  323. package/megamenu/megamenu.min.js +1 -1
  324. package/mention/mention.cjs.js +23 -5
  325. package/mention/mention.cjs.min.js +1 -1
  326. package/mention/mention.d.ts +7 -5
  327. package/mention/mention.esm.js +23 -5
  328. package/mention/mention.esm.min.js +1 -1
  329. package/mention/mention.js +23 -5
  330. package/mention/mention.min.js +1 -1
  331. package/menu/menu.cjs.js +8 -1
  332. package/menu/menu.cjs.min.js +1 -1
  333. package/menu/menu.d.ts +3 -4
  334. package/menu/menu.esm.js +8 -1
  335. package/menu/menu.esm.min.js +1 -1
  336. package/menu/menu.js +8 -1
  337. package/menu/menu.min.js +1 -1
  338. package/menubar/menubar.cjs.js +13 -1
  339. package/menubar/menubar.cjs.min.js +1 -1
  340. package/menubar/menubar.d.ts +6 -5
  341. package/menubar/menubar.esm.js +13 -1
  342. package/menubar/menubar.esm.min.js +1 -1
  343. package/menubar/menubar.js +13 -1
  344. package/menubar/menubar.min.js +1 -1
  345. package/menuitem/menuitem.d.ts +2 -0
  346. package/message/message.cjs.js +11 -0
  347. package/message/message.cjs.min.js +1 -1
  348. package/message/message.d.ts +5 -6
  349. package/message/message.esm.js +11 -0
  350. package/message/message.esm.min.js +1 -1
  351. package/message/message.js +11 -0
  352. package/message/message.min.js +1 -1
  353. package/messages/messages.cjs.js +11 -3
  354. package/messages/messages.cjs.min.js +1 -1
  355. package/messages/messages.d.ts +3 -5
  356. package/messages/messages.esm.js +11 -3
  357. package/messages/messages.esm.min.js +1 -1
  358. package/messages/messages.js +11 -3
  359. package/messages/messages.min.js +1 -1
  360. package/multiselect/multiselect.cjs.js +95 -27
  361. package/multiselect/multiselect.cjs.min.js +1 -1
  362. package/multiselect/multiselect.d.ts +16 -2
  363. package/multiselect/multiselect.esm.js +95 -27
  364. package/multiselect/multiselect.esm.min.js +1 -1
  365. package/multiselect/multiselect.js +95 -27
  366. package/multiselect/multiselect.min.js +1 -1
  367. package/multistatecheckbox/multistatecheckbox.cjs.js +8 -0
  368. package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
  369. package/multistatecheckbox/multistatecheckbox.d.ts +4 -6
  370. package/multistatecheckbox/multistatecheckbox.esm.js +8 -0
  371. package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
  372. package/multistatecheckbox/multistatecheckbox.js +8 -0
  373. package/multistatecheckbox/multistatecheckbox.min.js +1 -1
  374. package/orderlist/orderlist.cjs.js +128 -4
  375. package/orderlist/orderlist.cjs.min.js +1 -1
  376. package/orderlist/orderlist.d.ts +17 -6
  377. package/orderlist/orderlist.esm.js +128 -4
  378. package/orderlist/orderlist.esm.min.js +1 -1
  379. package/orderlist/orderlist.js +129 -6
  380. package/orderlist/orderlist.min.css +1 -1
  381. package/orderlist/orderlist.min.js +1 -1
  382. package/organizationchart/organizationchart.cjs.js +10 -0
  383. package/organizationchart/organizationchart.cjs.min.js +1 -1
  384. package/organizationchart/organizationchart.d.ts +4 -5
  385. package/organizationchart/organizationchart.esm.js +10 -0
  386. package/organizationchart/organizationchart.esm.min.js +1 -1
  387. package/organizationchart/organizationchart.js +10 -0
  388. package/organizationchart/organizationchart.min.js +1 -1
  389. package/overlaypanel/overlaypanel.cjs.js +7 -3
  390. package/overlaypanel/overlaypanel.cjs.min.js +1 -1
  391. package/overlaypanel/overlaypanel.d.ts +2 -4
  392. package/overlaypanel/overlaypanel.esm.js +7 -3
  393. package/overlaypanel/overlaypanel.esm.min.js +1 -1
  394. package/overlaypanel/overlaypanel.js +7 -3
  395. package/overlaypanel/overlaypanel.min.js +1 -1
  396. package/package.json +1 -1
  397. package/paginator/paginator.cjs.js +10 -0
  398. package/paginator/paginator.cjs.min.js +1 -1
  399. package/paginator/paginator.d.ts +4 -4
  400. package/paginator/paginator.esm.js +10 -0
  401. package/paginator/paginator.esm.min.js +1 -1
  402. package/paginator/paginator.js +10 -0
  403. package/paginator/paginator.min.js +1 -1
  404. package/panel/panel.cjs.js +11 -0
  405. package/panel/panel.cjs.min.js +1 -1
  406. package/panel/panel.d.ts +5 -5
  407. package/panel/panel.esm.js +11 -0
  408. package/panel/panel.esm.min.js +1 -1
  409. package/panel/panel.js +11 -0
  410. package/panel/panel.min.js +1 -1
  411. package/panelmenu/panelmenu.cjs.js +11 -0
  412. package/panelmenu/panelmenu.cjs.min.js +1 -1
  413. package/panelmenu/panelmenu.d.ts +4 -5
  414. package/panelmenu/panelmenu.esm.js +11 -0
  415. package/panelmenu/panelmenu.esm.min.js +1 -1
  416. package/panelmenu/panelmenu.js +11 -0
  417. package/panelmenu/panelmenu.min.js +1 -1
  418. package/password/password.cjs.js +17 -2
  419. package/password/password.cjs.min.js +1 -1
  420. package/password/password.d.ts +6 -4
  421. package/password/password.esm.js +17 -2
  422. package/password/password.esm.min.js +1 -1
  423. package/password/password.js +17 -2
  424. package/password/password.min.js +1 -1
  425. package/picklist/picklist.cjs.js +199 -25
  426. package/picklist/picklist.cjs.min.js +1 -1
  427. package/picklist/picklist.d.ts +32 -1
  428. package/picklist/picklist.esm.js +199 -25
  429. package/picklist/picklist.esm.min.js +1 -1
  430. package/picklist/picklist.js +200 -27
  431. package/picklist/picklist.min.css +1 -1
  432. package/picklist/picklist.min.js +1 -1
  433. package/primereact.all.cjs.js +2536 -640
  434. package/primereact.all.cjs.min.js +1 -1
  435. package/primereact.all.esm.js +2536 -640
  436. package/primereact.all.esm.min.js +1 -1
  437. package/primereact.all.js +2536 -640
  438. package/primereact.all.min.js +1 -1
  439. package/progressbar/progressbar.cjs.js +12 -0
  440. package/progressbar/progressbar.cjs.min.js +1 -1
  441. package/progressbar/progressbar.d.ts +4 -5
  442. package/progressbar/progressbar.esm.js +12 -0
  443. package/progressbar/progressbar.esm.min.js +1 -1
  444. package/progressbar/progressbar.js +12 -0
  445. package/progressbar/progressbar.min.js +1 -1
  446. package/progressspinner/progressspinner.cjs.js +10 -0
  447. package/progressspinner/progressspinner.cjs.min.js +1 -1
  448. package/progressspinner/progressspinner.d.ts +4 -5
  449. package/progressspinner/progressspinner.esm.js +10 -0
  450. package/progressspinner/progressspinner.esm.min.js +1 -1
  451. package/progressspinner/progressspinner.js +10 -0
  452. package/progressspinner/progressspinner.min.js +1 -1
  453. package/radiobutton/radiobutton.cjs.js +30 -15
  454. package/radiobutton/radiobutton.cjs.min.js +1 -1
  455. package/radiobutton/radiobutton.d.ts +3 -4
  456. package/radiobutton/radiobutton.esm.js +31 -16
  457. package/radiobutton/radiobutton.esm.min.js +1 -1
  458. package/radiobutton/radiobutton.js +30 -15
  459. package/radiobutton/radiobutton.min.js +1 -1
  460. package/rating/rating.cjs.js +8 -0
  461. package/rating/rating.cjs.min.js +1 -1
  462. package/rating/rating.d.ts +3 -4
  463. package/rating/rating.esm.js +8 -0
  464. package/rating/rating.esm.min.js +1 -1
  465. package/rating/rating.js +8 -0
  466. package/rating/rating.min.js +1 -1
  467. package/resources/primereact.css +94 -26
  468. package/resources/primereact.min.css +1 -1
  469. package/resources/themes/arya-blue/theme.css +41 -7
  470. package/resources/themes/arya-green/theme.css +41 -7
  471. package/resources/themes/arya-orange/theme.css +41 -7
  472. package/resources/themes/arya-purple/theme.css +41 -7
  473. package/resources/themes/bootstrap4-dark-blue/theme.css +41 -7
  474. package/resources/themes/bootstrap4-dark-purple/theme.css +41 -7
  475. package/resources/themes/bootstrap4-light-blue/theme.css +40 -6
  476. package/resources/themes/bootstrap4-light-purple/theme.css +40 -6
  477. package/resources/themes/fluent-light/theme.css +41 -7
  478. package/resources/themes/lara-dark-blue/theme.css +41 -7
  479. package/resources/themes/lara-dark-indigo/theme.css +41 -7
  480. package/resources/themes/lara-dark-purple/theme.css +41 -7
  481. package/resources/themes/lara-dark-teal/theme.css +41 -7
  482. package/resources/themes/lara-light-blue/theme.css +41 -7
  483. package/resources/themes/lara-light-indigo/theme.css +41 -7
  484. package/resources/themes/lara-light-purple/theme.css +41 -7
  485. package/resources/themes/lara-light-teal/theme.css +41 -7
  486. package/resources/themes/luna-amber/theme.css +41 -7
  487. package/resources/themes/luna-blue/theme.css +41 -7
  488. package/resources/themes/luna-green/theme.css +41 -7
  489. package/resources/themes/luna-pink/theme.css +41 -7
  490. package/resources/themes/md-dark-deeppurple/theme.css +41 -7
  491. package/resources/themes/md-dark-indigo/theme.css +41 -7
  492. package/resources/themes/md-light-deeppurple/theme.css +41 -7
  493. package/resources/themes/md-light-indigo/theme.css +41 -7
  494. package/resources/themes/mdc-dark-deeppurple/theme.css +41 -7
  495. package/resources/themes/mdc-dark-indigo/theme.css +41 -7
  496. package/resources/themes/mdc-light-deeppurple/theme.css +41 -7
  497. package/resources/themes/mdc-light-indigo/theme.css +41 -7
  498. package/resources/themes/nova/theme.css +41 -7
  499. package/resources/themes/nova-accent/theme.css +41 -7
  500. package/resources/themes/nova-alt/theme.css +41 -7
  501. package/resources/themes/rhea/theme.css +41 -7
  502. package/resources/themes/saga-blue/theme.css +41 -7
  503. package/resources/themes/saga-green/theme.css +41 -7
  504. package/resources/themes/saga-orange/theme.css +41 -7
  505. package/resources/themes/saga-purple/theme.css +41 -7
  506. package/resources/themes/tailwind-light/theme.css +41 -7
  507. package/resources/themes/vela-blue/theme.css +41 -7
  508. package/resources/themes/vela-green/theme.css +41 -7
  509. package/resources/themes/vela-orange/theme.css +41 -7
  510. package/resources/themes/vela-purple/theme.css +41 -7
  511. package/scrollpanel/scrollpanel.cjs.js +14 -1
  512. package/scrollpanel/scrollpanel.cjs.min.js +1 -1
  513. package/scrollpanel/scrollpanel.d.ts +7 -5
  514. package/scrollpanel/scrollpanel.esm.js +14 -1
  515. package/scrollpanel/scrollpanel.esm.min.js +1 -1
  516. package/scrollpanel/scrollpanel.js +14 -1
  517. package/scrollpanel/scrollpanel.min.js +1 -1
  518. package/scrolltop/scrolltop.cjs.js +8 -0
  519. package/scrolltop/scrolltop.cjs.min.js +1 -1
  520. package/scrolltop/scrolltop.d.ts +3 -1
  521. package/scrolltop/scrolltop.esm.js +8 -0
  522. package/scrolltop/scrolltop.esm.min.js +1 -1
  523. package/scrolltop/scrolltop.js +8 -0
  524. package/scrolltop/scrolltop.min.js +1 -1
  525. package/selectbutton/selectbutton.cjs.js +8 -0
  526. package/selectbutton/selectbutton.cjs.min.js +1 -1
  527. package/selectbutton/selectbutton.d.ts +4 -5
  528. package/selectbutton/selectbutton.esm.js +8 -0
  529. package/selectbutton/selectbutton.esm.min.js +1 -1
  530. package/selectbutton/selectbutton.js +8 -0
  531. package/selectbutton/selectbutton.min.js +1 -1
  532. package/sidebar/sidebar.cjs.js +40 -0
  533. package/sidebar/sidebar.cjs.min.js +1 -1
  534. package/sidebar/sidebar.d.ts +6 -5
  535. package/sidebar/sidebar.esm.js +40 -0
  536. package/sidebar/sidebar.esm.min.js +1 -1
  537. package/sidebar/sidebar.js +40 -0
  538. package/sidebar/sidebar.min.js +1 -1
  539. package/skeleton/skeleton.cjs.js +10 -0
  540. package/skeleton/skeleton.cjs.min.js +1 -1
  541. package/skeleton/skeleton.d.ts +4 -4
  542. package/skeleton/skeleton.esm.js +10 -0
  543. package/skeleton/skeleton.esm.min.js +1 -1
  544. package/skeleton/skeleton.js +10 -0
  545. package/skeleton/skeleton.min.js +1 -1
  546. package/slidemenu/slidemenu.cjs.js +6 -1
  547. package/slidemenu/slidemenu.cjs.min.js +1 -1
  548. package/slidemenu/slidemenu.d.ts +2 -4
  549. package/slidemenu/slidemenu.esm.js +6 -1
  550. package/slidemenu/slidemenu.esm.min.js +1 -1
  551. package/slidemenu/slidemenu.js +6 -1
  552. package/slidemenu/slidemenu.min.js +1 -1
  553. package/slider/slider.cjs.js +8 -0
  554. package/slider/slider.cjs.min.js +1 -1
  555. package/slider/slider.d.ts +4 -6
  556. package/slider/slider.esm.js +8 -0
  557. package/slider/slider.esm.min.js +1 -1
  558. package/slider/slider.js +8 -0
  559. package/slider/slider.min.js +1 -1
  560. package/speeddial/speeddial.cjs.js +5 -1
  561. package/speeddial/speeddial.cjs.min.js +1 -1
  562. package/speeddial/speeddial.d.ts +2 -4
  563. package/speeddial/speeddial.esm.js +5 -1
  564. package/speeddial/speeddial.esm.min.js +1 -1
  565. package/speeddial/speeddial.js +5 -1
  566. package/speeddial/speeddial.min.js +1 -1
  567. package/splitbutton/splitbutton.cjs.js +9 -1
  568. package/splitbutton/splitbutton.cjs.min.js +1 -1
  569. package/splitbutton/splitbutton.d.ts +4 -5
  570. package/splitbutton/splitbutton.esm.js +9 -1
  571. package/splitbutton/splitbutton.esm.min.js +1 -1
  572. package/splitbutton/splitbutton.js +9 -1
  573. package/splitbutton/splitbutton.min.js +1 -1
  574. package/splitter/splitter.cjs.js +17 -5
  575. package/splitter/splitter.cjs.min.js +1 -1
  576. package/splitter/splitter.d.ts +4 -5
  577. package/splitter/splitter.esm.js +18 -6
  578. package/splitter/splitter.esm.min.js +1 -1
  579. package/splitter/splitter.js +17 -5
  580. package/splitter/splitter.min.js +1 -1
  581. package/steps/steps.cjs.js +12 -0
  582. package/steps/steps.cjs.min.js +1 -1
  583. package/steps/steps.d.ts +4 -5
  584. package/steps/steps.esm.js +12 -0
  585. package/steps/steps.esm.min.js +1 -1
  586. package/steps/steps.js +12 -0
  587. package/steps/steps.min.js +1 -1
  588. package/styleclass/styleclass.cjs.js +12 -1
  589. package/styleclass/styleclass.cjs.min.js +1 -1
  590. package/styleclass/styleclass.d.ts +5 -2
  591. package/styleclass/styleclass.esm.js +12 -1
  592. package/styleclass/styleclass.esm.min.js +1 -1
  593. package/styleclass/styleclass.js +12 -1
  594. package/styleclass/styleclass.min.js +1 -1
  595. package/tabmenu/tabmenu.cjs.js +10 -0
  596. package/tabmenu/tabmenu.cjs.min.js +1 -1
  597. package/tabmenu/tabmenu.d.ts +4 -5
  598. package/tabmenu/tabmenu.esm.js +10 -0
  599. package/tabmenu/tabmenu.esm.min.js +1 -1
  600. package/tabmenu/tabmenu.js +10 -0
  601. package/tabmenu/tabmenu.min.js +1 -1
  602. package/tabview/tabview.cjs.js +7 -1
  603. package/tabview/tabview.cjs.min.js +1 -1
  604. package/tabview/tabview.d.ts +2 -4
  605. package/tabview/tabview.esm.js +7 -1
  606. package/tabview/tabview.esm.min.js +1 -1
  607. package/tabview/tabview.js +7 -1
  608. package/tabview/tabview.min.js +1 -1
  609. package/tag/tag.cjs.js +10 -0
  610. package/tag/tag.cjs.min.js +1 -1
  611. package/tag/tag.d.ts +5 -5
  612. package/tag/tag.esm.js +10 -0
  613. package/tag/tag.esm.min.js +1 -1
  614. package/tag/tag.js +10 -0
  615. package/tag/tag.min.js +1 -1
  616. package/terminal/terminal.cjs.js +9 -1
  617. package/terminal/terminal.cjs.min.js +1 -1
  618. package/terminal/terminal.d.ts +4 -5
  619. package/terminal/terminal.esm.js +10 -2
  620. package/terminal/terminal.esm.min.js +1 -1
  621. package/terminal/terminal.js +9 -1
  622. package/terminal/terminal.min.js +1 -1
  623. package/tieredmenu/tieredmenu.cjs.js +8 -2
  624. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  625. package/tieredmenu/tieredmenu.d.ts +2 -4
  626. package/tieredmenu/tieredmenu.esm.js +8 -2
  627. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  628. package/tieredmenu/tieredmenu.js +8 -2
  629. package/tieredmenu/tieredmenu.min.js +1 -1
  630. package/timeline/timeline.cjs.js +11 -0
  631. package/timeline/timeline.cjs.min.js +1 -1
  632. package/timeline/timeline.d.ts +4 -5
  633. package/timeline/timeline.esm.js +11 -0
  634. package/timeline/timeline.esm.min.js +1 -1
  635. package/timeline/timeline.js +11 -0
  636. package/timeline/timeline.min.js +1 -1
  637. package/toast/toast.cjs.js +35 -36
  638. package/toast/toast.cjs.min.js +1 -1
  639. package/toast/toast.d.ts +4 -5
  640. package/toast/toast.esm.js +35 -36
  641. package/toast/toast.esm.min.js +1 -1
  642. package/toast/toast.js +35 -36
  643. package/toast/toast.min.css +1 -1
  644. package/toast/toast.min.js +1 -1
  645. package/togglebutton/togglebutton.cjs.js +8 -0
  646. package/togglebutton/togglebutton.cjs.min.js +1 -1
  647. package/togglebutton/togglebutton.d.ts +4 -6
  648. package/togglebutton/togglebutton.esm.js +8 -0
  649. package/togglebutton/togglebutton.esm.min.js +1 -1
  650. package/togglebutton/togglebutton.js +8 -0
  651. package/togglebutton/togglebutton.min.js +1 -1
  652. package/toolbar/toolbar.cjs.js +10 -0
  653. package/toolbar/toolbar.cjs.min.js +1 -1
  654. package/toolbar/toolbar.d.ts +4 -5
  655. package/toolbar/toolbar.esm.js +10 -0
  656. package/toolbar/toolbar.esm.min.js +1 -1
  657. package/toolbar/toolbar.js +10 -0
  658. package/toolbar/toolbar.min.js +1 -1
  659. package/tooltip/tooltip.cjs.js +73 -52
  660. package/tooltip/tooltip.cjs.min.js +1 -1
  661. package/tooltip/tooltip.d.ts +2 -0
  662. package/tooltip/tooltip.esm.js +73 -52
  663. package/tooltip/tooltip.esm.min.js +1 -1
  664. package/tooltip/tooltip.js +73 -52
  665. package/tooltip/tooltip.min.js +1 -1
  666. package/tree/tree.cjs.js +50 -7
  667. package/tree/tree.cjs.min.js +1 -1
  668. package/tree/tree.d.ts +10 -1
  669. package/tree/tree.esm.js +50 -7
  670. package/tree/tree.esm.min.js +1 -1
  671. package/tree/tree.js +50 -7
  672. package/tree/tree.min.js +1 -1
  673. package/treeselect/treeselect.cjs.js +36 -6
  674. package/treeselect/treeselect.cjs.min.js +1 -1
  675. package/treeselect/treeselect.d.ts +14 -6
  676. package/treeselect/treeselect.esm.js +36 -6
  677. package/treeselect/treeselect.esm.min.js +1 -1
  678. package/treeselect/treeselect.js +36 -6
  679. package/treeselect/treeselect.min.js +1 -1
  680. package/treetable/treetable.cjs.js +7 -2
  681. package/treetable/treetable.cjs.min.js +1 -1
  682. package/treetable/treetable.d.ts +3 -2
  683. package/treetable/treetable.esm.js +7 -2
  684. package/treetable/treetable.esm.min.js +1 -1
  685. package/treetable/treetable.js +7 -2
  686. package/treetable/treetable.min.js +1 -1
  687. package/tristatecheckbox/tristatecheckbox.cjs.js +8 -0
  688. package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
  689. package/tristatecheckbox/tristatecheckbox.d.ts +3 -5
  690. package/tristatecheckbox/tristatecheckbox.esm.js +8 -0
  691. package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
  692. package/tristatecheckbox/tristatecheckbox.js +8 -0
  693. package/tristatecheckbox/tristatecheckbox.min.js +1 -1
  694. package/utils/utils.cjs.js +122 -8
  695. package/utils/utils.cjs.min.js +1 -1
  696. package/utils/utils.d.ts +1 -0
  697. package/utils/utils.esm.js +122 -8
  698. package/utils/utils.esm.min.js +1 -1
  699. package/utils/utils.js +122 -8
  700. package/utils/utils.min.js +1 -1
  701. package/virtualscroller/virtualscroller.cjs.js +156 -66
  702. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  703. package/virtualscroller/virtualscroller.d.ts +12 -0
  704. package/virtualscroller/virtualscroller.esm.js +158 -68
  705. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  706. package/virtualscroller/virtualscroller.js +156 -66
  707. package/virtualscroller/virtualscroller.min.css +1 -1
  708. package/virtualscroller/virtualscroller.min.js +1 -1
  709. package/web-types.json +304 -4
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),l=require("primereact/hooks"),n=require("primereact/overlayservice"),r=require("primereact/tooltip"),i=require("primereact/utils"),o=require("primereact/csstransition"),a=require("primereact/portal"),c=require("primereact/virtualscroller"),u=require("primereact/inputtext"),s=require("primereact/ripple");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,n.get?n:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var m=f(e),d=p(t);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},b.apply(this,arguments)}function v(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l<t;l++)n[l]=e[l];return n}function h(e){if(Array.isArray(e))return y(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?y(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e){return h(e)||g(e)||O(e)||E()}function x(e){if(Array.isArray(e))return e}function k(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var n,r,i=[],o=!0,a=!1;try{for(l=l.call(e);!(o=(n=l.next()).done)&&(i.push(n.value),!t||i.length!==t);o=!0);}catch(e){a=!0,r=e}finally{try{o||null==l.return||l.return()}finally{if(a)throw r}}return i}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return x(e)||k(e,t)||O(e,t)||j()}var N=m.memo(m.forwardRef((function(e,t){var n=w(m.useState(!1),2),o=n[0],a=n[1],c=m.useRef(null),u=m.useRef(e.inputRef),s=function(){return e.checked===e.trueValue};m.useEffect((function(){i.ObjectUtils.combinedRefs(u,e.inputRef)}),[u,e.inputRef]),l.useUpdateEffect((function(){u.current.checked=s()}),[e.checked,e.trueValue]);var p=s(),f=i.ObjectUtils.isNotEmpty(e.tooltip),d=i.ObjectUtils.findDiffKeys(e,N.defaultProps),v=i.classNames("p-checkbox p-component",{"p-checkbox-checked":p,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":o},e.className),y=i.classNames("p-checkbox-box",{"p-highlight":p,"p-disabled":e.disabled,"p-focus":o}),h=i.IconUtils.getJSXIcon(p?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:p});return m.createElement(m.Fragment,null,m.createElement("div",b({ref:c,id:e.id,className:v,style:e.style},d,{onClick:function(t){if(!e.disabled&&!e.readOnly&&e.onChange){var l=s(),n=l?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:n,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:n}}),u.current.checked=!l,u.current.focus()}},onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),m.createElement("div",{className:"p-hidden-accessible"},m.createElement("input",{ref:u,type:"checkbox",id:e.inputId,name:e.name,tabIndex:e.tabIndex,defaultChecked:p,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){a(!0)},onBlur:function(){a(!1)},disabled:e.disabled,readOnly:e.readOnly,required:e.required})),m.createElement("div",{className:y},h)),f&&m.createElement(r.Tooltip,b({target:c,content:e.tooltip},e.tooltipOptions)))})));N.displayName="Checkbox",N.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onMouseDown:null,onContextMenu:null};var I=m.memo((function(e){var t=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},l=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault()},n=e.filter?m.createElement("div",{className:"p-multiselect-filter-container"},m.createElement(u.InputText,{type:"text",role:"textbox",value:e.filterValue,onChange:t,className:"p-multiselect-filter",placeholder:e.filterPlaceholder}),m.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null,r=e.showSelectAll&&m.createElement(N,{checked:e.selectAll,onChange:l,role:"checkbox","aria-checked":e.selectAll}),o=m.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:e.onClose},m.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),m.createElement(s.Ripple,null)),a=m.createElement("div",{className:"p-multiselect-header"},r,n,o);return e.template?i.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:r,checked:e.selectAll,onChange:l,filterElement:n,closeElement:o,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:e.onClose,element:a,props:e}):a}));I.displayName="MultiSelectHeader";var C=m.memo((function(e){var t=i.classNames("p-multiselect-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.option.className),l=i.classNames("p-checkbox-box",{"p-highlight":e.selected}),n=i.classNames("p-checkbox-icon p-c",{"pi pi-check":e.selected}),r=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return m.createElement("li",{className:t,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},tabIndex:e.disabled?null:e.tabIndex||0,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected},m.createElement("div",{className:"p-checkbox p-component"},m.createElement("div",{className:l},m.createElement("span",{className:n}))),m.createElement("span",null,r),m.createElement(s.Ripple,null))}));function D(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,n)}return l}function L(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?D(Object(l),!0).forEach((function(t){v(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):D(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}C.displayName="MultiSelectItem";var F=m.memo(m.forwardRef((function(e,l){var n,r,u,s,p,f=m.useRef(null),d=function(){e.onEnter((function(){if(f.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return f.current.scrollToIndex(t)}),0)}}))},v=function(t){f.current&&f.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(){if(e.panelFooterTemplate){var t=i.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return m.createElement("div",{className:"p-multiselect-footer"},t)}return null},h=function(){var l=i.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage");return m.createElement("li",{className:"p-multiselect-empty-message"},l)},g=function(t,l){if(e.optionGroupLabel){var n=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,l):e.getOptionGroupLabel(t),r=e.getOptionGroupChildren(t).map((function(t,l){var n=e.getOptionLabel(t),r=l+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t),o=i?null:e.tabIndex||0,a=e.isSelected(t);return m.createElement(C,{key:r,label:n,option:t,template:e.itemTemplate,selected:a,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:o,disabled:i})})),o=l+"_"+e.getOptionGroupRenderKey(t);return m.createElement(m.Fragment,{key:o},m.createElement("li",{className:"p-multiselect-item-group"},n),r)}var a=e.getOptionLabel(t),c=l+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t),s=u?null:e.tabIndex||0,p=e.isSelected(t);return m.createElement(C,{key:c,label:a,option:t,template:e.itemTemplate,selected:p,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:s,disabled:u})},O=function(){if(e.virtualScrollerOptions){var t=L(L({},e.virtualScrollerOptions),{style:L(L({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:i.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(L(L({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&g(e,t.index)},contentTemplate:function(t){var l=i.classNames("p-multiselect-items p-component",t.className),n=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:h();return m.createElement("ul",{ref:t.contentRef,className:l,role:"listbox","aria-multiselectable":!0},n)}});return m.createElement(c.VirtualScroller,b({ref:f},t))}var l=i.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(g):e.hasFilter?h():null;return m.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:e.scrollHeight}},m.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},l))},E=(n=e.allowOptionSelect(),r=i.classNames("p-multiselect-panel p-component",{"p-multiselect-limited":!n},e.panelClassName),u=m.createElement(I,{filter:e.filter,filterValue:e.filterValue,onFilter:v,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate}),s=O(),p=y(),m.createElement(o.CSSTransition,{nodeRef:l,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:d,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},m.createElement("div",{ref:l,className:r,style:e.panelStyle,onClick:e.onClick},u,s,p)));return m.createElement(a.Portal,{element:E,appendTo:e.appendTo})})));function U(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,n)}return l}function P(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?U(Object(l),!0).forEach((function(t){v(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):U(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}function A(e,t){var l="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!l){if(Array.isArray(e)||(l=T(e))||t&&e&&"number"==typeof e.length){l&&(e=l);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){l=l.call(e)},n:function(){var e=l.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==l.return||l.return()}finally{if(a)throw i}}}}function T(e,t){if(e){if("string"==typeof e)return R(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?R(e,t):void 0}}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l<t;l++)n[l]=e[l];return n}F.displayName="MultiSelectPanel";var M=m.memo(m.forwardRef((function(e,o){var a=w(m.useState(""),2),c=a[0],u=a[1],s=w(m.useState(!1),2),p=s[0],f=s[1],y=w(m.useState(!1),2),h=y[0],g=y[1],O=m.useRef(null),E=m.useRef(e.inputRef),x=m.useRef(null),k=m.useRef(null),j=c&&c.trim().length>0,N=i.ObjectUtils.isEmpty(e.value),I=e.optionValue?null:e.dataKey,C=w(l.useOverlayListener({target:O,overlay:k,listener:function(e,t){t.valid&&("outside"===t.type?!_(e)&&K():K())},when:h}),2),D=C[0],L=C[1],U=function(){return!e.selectionLimit||!e.value||e.value&&e.value.length<e.selectionLimit},T=function(t){var l=t.originalEvent,n=t.option;if(!e.disabled&&!W(n)){var r=$(n),o=ee(n),a=X(n),c=U();a?q(l,e.value.filter((function(e){return!i.ObjectUtils.equals(o?e:$(e),r,I)}))):c&&q(l,[].concat(S(e.value||[]),[r]))}},R=function e(t){var l=t.nextElementSibling;return l?i.DomHandler.hasClass(l,"p-disabled")||i.DomHandler.hasClass(l,"p-multiselect-item-group")?e(l):l:null},H=function e(t){var l=t.previousElementSibling;return l?i.DomHandler.hasClass(l,"p-disabled")||i.DomHandler.hasClass(l,"p-multiselect-item-group")?e(l):l:null},q=function(t,l){e.onChange&&e.onChange({originalEvent:t,value:l,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:l}})},G=function(){g(!0)},K=function(){g(!1)},V=function(){i.DomHandler.alignOverlay(k.current,x.current.parentElement,e.appendTo||d.default.appendTo)},_=function(e){return i.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")},B=function(e){return k.current&&k.current.contains(e.target)},J=function(e,t){return t.findIndex((function(t){return e.some((function(e){return i.ObjectUtils.equals(e,$(t),I)}))}))},X=function(t){if(e.value){var l=$(t),n=ee(t);return e.value.some((function(e){return i.ObjectUtils.equals(n?e:$(e),l,I)}))}return!1},z=function(t){var l;if(e.options)if(e.optionGroupLabel){var n,r=A(e.options);try{for(r.s();!(n=r.n()).done;){if(l=Z(t,Q(n.value)))break}}catch(e){r.e(e)}finally{r.f()}}else l=Z(t,e.options);return l?Y(l):null},Z=function(e,t){return t.find((function(t){return i.ObjectUtils.equals($(t),e,I)}))},Y=function(t){return e.optionLabel?i.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},$=function(t){if(e.optionValue){var l=i.ObjectUtils.resolveFieldData(t,e.optionValue);return null!==l?l:t}return t&&void 0!==t.value?t.value:t},Q=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},W=function(t){return e.optionDisabled?i.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):i.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},ee=function(t){return e.optionValue||t&&void 0!==t.value},te=function(t,l){var n=e.value.filter((function(e){return!i.ObjectUtils.equals(e,l,I)}));q(t,n)},le=function(){var t=/{(.*?)}/;return t.test(e.selectedItemsLabel)?e.selectedItemsLabel.replace(e.selectedItemsLabel.match(t)[0],e.value.length+""):e.selectedItemsLabel},ne=function(){if(!N&&!e.fixedPlaceholder)return e.maxSelectedLabels&&e.value.length>e.maxSelectedLabels?le():e.value.reduce((function(e,t,l){return e+(0!==l?",":"")+z(t)}),"")};m.useEffect((function(){i.ObjectUtils.combinedRefs(E,e.inputRef)}),[E,e.inputRef]),l.useUpdateEffect((function(){h&&j&&V()}),[h,j]),l.useUnmountEffect((function(){i.ZIndexUtils.clear(k.current)}));var re=function(){if(j){var l=c.trim().toLocaleLowerCase(e.filterLocale),n=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var r,i=[],o=A(e.options);try{for(o.s();!(r=o.n()).done;){var a=r.value,u=t.FilterService.filter(Q(a),n,l,e.filterMatchMode,e.filterLocale);u&&u.length&&i.push(P(P({},a),v({},e.optionGroupChildren,u)))}}catch(e){o.e(e)}finally{o.f()}return i}return t.FilterService.filter(e.options,n,l,e.filterMatchMode,e.filterLocale)}return e.options}(),ie=i.ObjectUtils.isNotEmpty(e.tooltip),oe=i.ObjectUtils.findDiffKeys(e,M.defaultProps),ae=i.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-multiselect-clearable":e.showClear&&!e.disabled,"p-focus":p,"p-inputwrapper-filled":i.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":p||h},e.className),ce=function(){var t=e.selectedItemTemplate?N?i.ObjectUtils.getJSXElement(e.selectedItemTemplate):e.maxSelectedLabels&&e.value.length>e.maxSelectedLabels?le():e.value.map((function(t,l){var n=i.ObjectUtils.getJSXElement(e.selectedItemTemplate,t);return m.createElement(m.Fragment,{key:l},n)})):"chip"!==e.display||N?ne():e.value.slice(0,e.maxSelectedLabels||e.value.length).map((function(t){var l=z(t),n=!e.disabled&&i.IconUtils.getJSXIcon(e.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return te(e,t)}},{props:e});return m.createElement("div",{className:"p-multiselect-token",key:l},m.createElement("span",{className:"p-multiselect-token-label"},l),n)})),l=i.classNames("p-multiselect-label",{"p-placeholder":N&&e.placeholder,"p-multiselect-label-empty":N&&!e.placeholder&&!e.selectedItemTemplate,"p-multiselect-items-label":!N&&"chip"!==e.display&&e.value.length>e.maxSelectedLabels});return m.createElement("div",{ref:x,className:"p-multiselect-label-container"},m.createElement("div",{className:l},t||e.placeholder||"empty"))}(),ue=N||!e.showClear||e.disabled?null:m.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return q(e,null)}});return m.createElement(m.Fragment,null,m.createElement("div",b({ref:O,id:e.id,style:e.style,className:ae},oe,{onClick:function(t){e.disabled||B(t)||i.DomHandler.hasClass(t.target,"p-multiselect-token-icon")||_(t)||(h?K():G(),E.current.focus(),t.preventDefault())}}),m.createElement("div",{className:"p-hidden-accessible"},m.createElement("input",{ref:E,id:e.inputId,name:e.name,readOnly:!0,type:"text",onFocus:function(t){f(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){f(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(e){switch(e.which){case 40:!h&&e.altKey&&(G(),e.preventDefault());break;case 32:h?K():G(),e.preventDefault();break;case 27:K();break;case 9:if(h){var t=i.DomHandler.getFirstFocusableElement(k.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-labelledby":e.ariaLabelledBy,"aria-expanded":h,disabled:e.disabled,tabIndex:e.tabIndex})),ce,ue,m.createElement("div",{className:"p-multiselect-trigger"},i.IconUtils.getJSXIcon(e.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:e})),m.createElement(F,b({ref:k,visibleOptions:re},e,{onClick:function(e){n.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onOverlayHide:K,filterValue:c,hasFilter:j,onFilterInputChange:function(t){var l=t.query;u(l),e.onFilter&&e.onFilter({originalEvent:t,filter:l})},onCloseClick:function(e){K(),E.current.focus(),e.preventDefault(),e.stopPropagation()},onSelectAll:function(t){if(e.onSelectAll)e.onSelectAll(t);else{var l=null;if(t.checked){if(l=[],re){var n=re.filter((function(e){return W(e)&&X(e)}));l=n.map((function(e){return $(e)}))}}else if(re){var r=re.filter((function(e){return!W(e)}));e.optionGroupLabel?(l=[],r.forEach((function(e){return l=[].concat(S(l),S(Q(e).filter((function(e){return!W(e)})).map((function(e){return $(e)}))))}))):l=r.map((function(e){return $(e)}))}q(t.originalEvent,l)}},getOptionLabel:Y,getOptionRenderKey:function(t){return e.dataKey?i.ObjectUtils.resolveFieldData(t,e.dataKey):Y(t)},isOptionDisabled:W,getOptionGroupChildren:Q,getOptionGroupLabel:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:X,getSelectedOptionIndex:function(){if(null!=e.value&&e.options){if(e.optionGroupLabel){var t=0,l=e.options.findIndex((function(l,n){return(t=n)&&-1!==J(e.value,Q(l))}));return-1!==l?{group:t,option:l}:-1}return J(e.value,e.options)}return-1},isAllSelected:function(){if(e.onSelectAll)return e.selectAll;if(i.ObjectUtils.isEmpty(re))return!1;var t=re.filter((function(e){return!W(e)}));if(!e.optionGroupLabel)return!t.some((function(e){return!X(e)}));var l,n=A(t);try{for(n.s();!(l=n.n()).done;){return!Q(l.value).filter((function(e){return!W(e)})).some((function(e){return!X(e)}))}}catch(e){n.e(e)}finally{n.f()}return!0},onOptionSelect:T,allowOptionSelect:U,onOptionKeyDown:function(e){var t=e.originalEvent,l=t.currentTarget;switch(t.which){case 40:var n=R(l);n&&n.focus(),t.preventDefault();break;case 38:var r=H(l);r&&r.focus(),t.preventDefault();break;case 13:case 32:T(e),t.preventDefault();break;case 27:K(),E.current.focus()}},in:h,onEnter:function(e){var t;i.ZIndexUtils.set("overlay",k.current,d.default.autoZIndex,d.default.zIndex.overlay),V(),(t=i.DomHandler.findSingle(k.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(){D(),e.onShow&&e.onShow()},onExit:function(){L()},onExited:function(){e.filter&&e.resetFilterOnHide&&(u(""),e.onFilter&&e.onFilter({filter:""})),i.ZIndexUtils.clear(k.current),e.onHide&&e.onHide()}}))),ie&&m.createElement(r.Tooltip,b({target:O,content:e.tooltip},e.tooltipOptions)))})));M.displayName="MultiSelect",M.defaultProps={__TYPE:"MultiSelect",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,display:"comma",style:null,className:null,panelClassName:null,panelStyle:null,virtualScrollerOptions:null,scrollHeight:"200px",placeholder:null,fixedPlaceholder:!1,disabled:!1,showClear:!1,filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyFilterMessage:null,resetFilterOnHide:!1,tabIndex:0,dataKey:null,inputId:null,appendTo:null,tooltip:null,tooltipOptions:null,maxSelectedLabels:null,selectionLimit:null,selectedItemsLabel:"{0} items selected",ariaLabelledBy:null,itemTemplate:null,selectedItemTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle",showSelectAll:!0,selectAll:!1,onChange:null,onFocus:null,onBlur:null,onShow:null,onHide:null,onFilter:null,onSelectAll:null},exports.MultiSelect=M;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),r=require("primereact/tooltip"),i=require("primereact/utils"),o=require("primereact/csstransition"),a=require("primereact/portal"),c=require("primereact/virtualscroller"),u=require("primereact/inputtext"),s=require("primereact/ripple");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=f(e),d=p(t);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},b.apply(this,arguments)}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function h(e){if(Array.isArray(e))return y(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e){return h(e)||g(e)||O(e)||E()}function x(e){if(Array.isArray(e))return e}function k(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,i=[],o=!0,a=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(i.push(l.value),!t||i.length!==t);o=!0);}catch(e){a=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(a)throw r}}return i}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return x(e)||k(e,t)||O(e,t)||j()}var N=m.memo(m.forwardRef((function(e,t){var l=w(m.useState(!1),2),o=l[0],a=l[1],c=m.useRef(null),u=m.useRef(e.inputRef),s=function(){return e.checked===e.trueValue};m.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return c.current},getInput:function(){return u.current}}})),m.useEffect((function(){i.ObjectUtils.combinedRefs(u,e.inputRef)}),[u,e.inputRef]),n.useUpdateEffect((function(){u.current.checked=s()}),[e.checked,e.trueValue]);var p=s(),f=i.ObjectUtils.isNotEmpty(e.tooltip),d=i.ObjectUtils.findDiffKeys(e,N.defaultProps),v=i.classNames("p-checkbox p-component",{"p-checkbox-checked":p,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":o},e.className),y=i.classNames("p-checkbox-box",{"p-highlight":p,"p-disabled":e.disabled,"p-focus":o}),h=i.IconUtils.getJSXIcon(p?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:p});return m.createElement(m.Fragment,null,m.createElement("div",b({ref:c,id:e.id,className:v,style:e.style},d,{onClick:function(t){if(!e.disabled&&!e.readOnly&&e.onChange){var n=s();if(u.current.checked===n){var l=n?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:l,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:l}}),u.current.checked=!n}i.DomHandler.focus(u.current),t.preventDefault()}},onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),m.createElement("div",{className:"p-hidden-accessible"},m.createElement("input",{ref:u,type:"checkbox",id:e.inputId,name:e.name,tabIndex:e.tabIndex,defaultChecked:p,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){a(!0)},onBlur:function(){a(!1)},disabled:e.disabled,readOnly:e.readOnly,required:e.required})),m.createElement("div",{className:y},h)),f&&m.createElement(r.Tooltip,b({target:c,content:e.tooltip},e.tooltipOptions)))})));N.displayName="Checkbox",N.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onMouseDown:null,onContextMenu:null};var I=m.memo((function(e){var t={filter:function(e){return n(e)},reset:function(){return e.resetFilter()}},n=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},l=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault()},r=function(){if(e.filter){var l=i.classNames("p-multiselect-filter-container"),r=m.createElement("div",{className:l},m.createElement(u.InputText,{type:"text",role:"textbox",value:e.filterValue,onChange:n,className:"p-multiselect-filter",placeholder:e.filterPlaceholder}),m.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"}));if(e.filterTemplate)r=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:l,element:r,filterOptions:t,onFilter:n,filterIconClassName:"p-multeselect-filter-icon pi pi-search",props:e});return m.createElement(m.Fragment,null,r)}return null}(),o=e.showSelectAll&&m.createElement(N,{checked:e.selectAll,onChange:l,role:"checkbox","aria-checked":e.selectAll}),a=m.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:e.onClose},m.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),m.createElement(s.Ripple,null)),c=m.createElement("div",{className:"p-multiselect-header"},o,r,a);return e.template?i.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:o,checked:e.selectAll,onChange:l,filterElement:r,closeElement:a,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:e.onClose,element:c,props:e}):c}));I.displayName="MultiSelectHeader";var D=m.memo((function(e){var t=i.classNames("p-multiselect-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.option.className),n=i.classNames("p-checkbox-box",{"p-highlight":e.selected}),l=i.classNames("p-checkbox-icon p-c",{"pi pi-check":e.selected}),r=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return m.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},tabIndex:e.disabled?null:e.tabIndex||0,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected},m.createElement("div",{className:"p-checkbox p-component"},m.createElement("div",{className:n},m.createElement("span",{className:l}))),m.createElement("span",null,r),m.createElement(s.Ripple,null))}));function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}D.displayName="MultiSelectItem";var L=m.memo(m.forwardRef((function(e,n){var l,r,u,s,p,f=m.useRef(null),d=function(){e.onEnter((function(){if(f.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return f.current.scrollToIndex(t)}),0)}}))},v=function(t){f.current&&f.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(){if(e.panelFooterTemplate){var t=i.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return m.createElement("div",{className:"p-multiselect-footer"},t)}return null},h=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),i=l+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t),a=o?null:e.tabIndex||0,c=e.isSelected(t);return m.createElement(D,{key:i,label:r,option:t,style:n,template:e.itemTemplate,selected:c,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:a,disabled:o})}))},g=function(){var n=i.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage");return m.createElement("li",{className:"p-multiselect-empty-message"},n)},O=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=h(t,r),c=n+"_"+e.getOptionGroupRenderKey(t);return m.createElement(m.Fragment,{key:c},m.createElement("li",{className:"p-multiselect-item-group",style:r},o),a)}var u=e.getOptionLabel(t),s=n+"_"+e.getOptionRenderKey(t),p=e.isOptionDisabled(t),f=p?null:e.tabIndex||0,d=e.isSelected(t);return m.createElement(D,{key:s,label:u,option:t,style:r,template:e.itemTemplate,selected:d,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:f,disabled:p})},E=function(){if(e.virtualScrollerOptions){var t=F(F({},e.virtualScrollerOptions),{style:F(F({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:i.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(F(F({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&O(e,t.index,t)},contentTemplate:function(t){var n=i.classNames("p-multiselect-items p-component",t.className),l=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:g();return m.createElement("ul",{ref:t.contentRef,className:n,role:"listbox","aria-multiselectable":!0},l)}});return m.createElement(c.VirtualScroller,b({ref:f},t))}var n=i.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(O):e.hasFilter?g():null;return m.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:e.scrollHeight}},m.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))},S=(l=e.allowOptionSelect(),r=i.classNames("p-multiselect-panel p-component",{"p-multiselect-limited":!l},e.panelClassName),u=m.createElement(I,{filter:e.filter,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:v,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate}),s=E(),p=y(),m.createElement(o.CSSTransition,{nodeRef:n,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:d,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},m.createElement("div",{ref:n,className:r,style:e.panelStyle,onClick:e.onClick},u,s,p)));return m.createElement(a.Portal,{element:S,appendTo:e.appendTo})})));function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function P(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=A(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}function A(e,t){if(e){if("string"==typeof e)return H(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?H(e,t):void 0}}function H(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}L.displayName="MultiSelectPanel";var R=m.memo(m.forwardRef((function(e,o){var a=w(m.useState(""),2),c=a[0],u=a[1],s=w(m.useState(!1),2),p=s[0],f=s[1],y=w(m.useState(!1),2),h=y[0],g=y[1],O=m.useRef(null),E=m.useRef(e.inputRef),x=m.useRef(null),k=m.useRef(null),j=c&&c.trim().length>0,N=i.ObjectUtils.isEmpty(e.value),I=e.optionValue?null:e.dataKey,D=w(n.useOverlayListener({target:O,overlay:k,listener:function(e,t){t.valid&&("outside"===t.type?!X(e)&&V():V())},when:h}),2),C=D[0],F=D[1],U=function(){return!e.selectionLimit||!e.value||e.value&&e.value.length<e.selectionLimit},A=function(t){var n=t.originalEvent,l=t.option;if(!e.disabled&&!ee(l)){var r=Q(l),o=te(l),a=z(l),c=U();a?q(n,e.value.filter((function(e){return!i.ObjectUtils.equals(o?e:Q(e),r,I)}))):c&&q(n,[].concat(S(e.value||[]),[r]))}},H=function e(t){var n=t.nextElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||i.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},M=function e(t){var n=t.previousElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||i.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},q=function(t,n){e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})},G=function(){u(""),e.onFilter&&e.onFilter({filter:""})},K=function(){g(!0)},V=function(){g(!1)},J=function(){i.DomHandler.alignOverlay(k.current,x.current.parentElement,e.appendTo||d.default.appendTo)},X=function(e){return i.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")},_=function(e){return k.current&&k.current.contains(e.target)},B=function(e,t){return t.findIndex((function(t){return e.some((function(e){return i.ObjectUtils.equals(e,Q(t),I)}))}))},z=function(t){if(e.value){var n=Q(t),l=te(t);return e.value.some((function(e){return i.ObjectUtils.equals(l?e:Q(e),n,I)}))}return!1},Z=function(t){var n;if(e.options)if(e.optionGroupLabel){var l,r=P(e.options);try{for(r.s();!(l=r.n()).done;){if(n=Y(t,W(l.value)))break}}catch(e){r.e(e)}finally{r.f()}}else n=Y(t,e.options);return n?$(n):null},Y=function(e,t){return t.find((function(t){return i.ObjectUtils.equals(Q(t),e,I)}))},$=function(t){return e.optionLabel?i.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},Q=function(t){if(e.optionValue){var n=i.ObjectUtils.resolveFieldData(t,e.optionValue);return null!==n?n:t}return t&&void 0!==t.value?t.value:t},W=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},ee=function(t){return e.optionDisabled?i.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):i.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},te=function(t){return e.optionValue||t&&void 0!==t.value},ne=function(t,n){var l=e.value.filter((function(e){return!i.ObjectUtils.equals(e,n,I)}));q(t,l)},le=function(){var t=/{(.*?)}/;return t.test(e.selectedItemsLabel)?e.selectedItemsLabel.replace(e.selectedItemsLabel.match(t)[0],e.value.length+""):e.selectedItemsLabel},re=function(){if(!N&&!e.fixedPlaceholder)return i.ObjectUtils.isNotEmpty(e.maxSelectedLabels)&&e.value.length>e.maxSelectedLabels?le():e.value.reduce((function(e,t,n){return e+(0!==n?",":"")+Z(t)}),"")};m.useImperativeHandle(o,(function(){return{props:e,show:K,hide:V,getElement:function(){return O.current},getOverlay:function(){return k.current},getInput:function(){return E.current}}})),m.useEffect((function(){i.ObjectUtils.combinedRefs(E,e.inputRef)}),[E,e.inputRef]),n.useUpdateEffect((function(){h&&j&&J()}),[h,j]),n.useUnmountEffect((function(){i.ZIndexUtils.clear(k.current)}));var ie=function(){if(j){var n=c.trim().toLocaleLowerCase(e.filterLocale),l=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var r,i=[],o=P(e.options);try{for(o.s();!(r=o.n()).done;){var a=r.value,u=t.FilterService.filter(W(a),l,n,e.filterMatchMode,e.filterLocale);u&&u.length&&i.push(T(T({},a),v({},e.optionGroupChildren,u)))}}catch(e){o.e(e)}finally{o.f()}return i}return t.FilterService.filter(e.options,l,n,e.filterMatchMode,e.filterLocale)}return e.options}(),oe=i.ObjectUtils.isNotEmpty(e.tooltip),ae=i.ObjectUtils.findDiffKeys(e,R.defaultProps),ce=i.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-multiselect-clearable":e.showClear&&!e.disabled,"p-focus":p,"p-inputwrapper-filled":i.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":p||h},e.className),ue=function(){var t=e.selectedItemTemplate?N?i.ObjectUtils.getJSXElement(e.selectedItemTemplate):i.ObjectUtils.isNotEmpty(e.maxSelectedLabels)&&e.value.length>e.maxSelectedLabels?le():e.value.map((function(t,n){var l=i.ObjectUtils.getJSXElement(e.selectedItemTemplate,t);return m.createElement(m.Fragment,{key:n},l)})):"chip"!==e.display||N?re():e.value.slice(0,e.maxSelectedLabels||e.value.length).map((function(t){var n=Z(t),l=!e.disabled&&i.IconUtils.getJSXIcon(e.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return ne(e,t)}},{props:e});return m.createElement("div",{className:"p-multiselect-token",key:n},m.createElement("span",{className:"p-multiselect-token-label"},n),l)})),n=i.classNames("p-multiselect-label",{"p-placeholder":N&&e.placeholder,"p-multiselect-label-empty":N&&!e.placeholder&&!e.selectedItemTemplate,"p-multiselect-items-label":!N&&"chip"!==e.display&&e.value.length>e.maxSelectedLabels});return m.createElement("div",{ref:x,className:"p-multiselect-label-container"},m.createElement("div",{className:n},t||e.placeholder||"empty"))}(),se=N||!e.showClear||e.disabled?null:m.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return q(e,null)}});return m.createElement(m.Fragment,null,m.createElement("div",b({ref:O,id:e.id,style:e.style,className:ce},ae,{onClick:function(t){e.disabled||_(t)||i.DomHandler.hasClass(t.target,"p-multiselect-token-icon")||X(t)||(h?V():K(),i.DomHandler.focus(E.current),t.preventDefault())}}),m.createElement("div",{className:"p-hidden-accessible"},m.createElement("input",{ref:E,id:e.inputId,name:e.name,readOnly:!0,type:"text",onFocus:function(t){f(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){f(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(e){switch(e.which){case 40:!h&&e.altKey&&(K(),e.preventDefault());break;case 32:h?V():K(),e.preventDefault();break;case 27:V();break;case 9:if(h){var t=i.DomHandler.getFirstFocusableElement(k.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-labelledby":e.ariaLabelledBy,"aria-expanded":h,disabled:e.disabled,tabIndex:e.tabIndex})),ue,se,m.createElement("div",{className:"p-multiselect-trigger"},i.IconUtils.getJSXIcon(e.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:e})),m.createElement(L,b({ref:k,visibleOptions:ie},e,{onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onOverlayHide:V,filterValue:c,hasFilter:j,onFilterInputChange:function(t){var n=t.query;u(n),e.onFilter&&e.onFilter({originalEvent:t,filter:n})},resetFilter:G,onCloseClick:function(e){V(),i.DomHandler.focus(E.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(t){if(e.onSelectAll)e.onSelectAll(t);else{var n=null;if(t.checked){if(n=[],ie){var l=ie.filter((function(e){return ee(e)&&z(e)}));n=l.map((function(e){return Q(e)}))}}else if(ie){var r=ie.filter((function(e){return!ee(e)}));e.optionGroupLabel?(n=[],r.forEach((function(e){return n=[].concat(S(n),S(W(e).filter((function(e){return!ee(e)})).map((function(e){return Q(e)}))))}))):n=r.map((function(e){return Q(e)}))}q(t.originalEvent,n)}},getOptionLabel:$,getOptionRenderKey:function(t){return e.dataKey?i.ObjectUtils.resolveFieldData(t,e.dataKey):$(t)},isOptionDisabled:ee,getOptionGroupChildren:W,getOptionGroupLabel:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:z,getSelectedOptionIndex:function(){if(null!=e.value&&e.options){if(e.optionGroupLabel){var t=0,n=e.options.findIndex((function(n,l){return(t=l)&&-1!==B(e.value,W(n))}));return-1!==n?{group:t,option:n}:-1}return B(e.value,e.options)}return-1},isAllSelected:function(){if(e.onSelectAll)return e.selectAll;if(i.ObjectUtils.isEmpty(ie))return!1;var t=ie.filter((function(e){return!ee(e)}));if(!e.optionGroupLabel)return!t.some((function(e){return!z(e)}));var n,l=P(t);try{for(l.s();!(n=l.n()).done;){return!W(n.value).filter((function(e){return!ee(e)})).some((function(e){return!z(e)}))}}catch(e){l.e(e)}finally{l.f()}return!0},onOptionSelect:A,allowOptionSelect:U,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=H(n);l&&l.focus(),t.preventDefault();break;case 38:var r=M(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:A(e),t.preventDefault();break;case 27:V(),i.DomHandler.focus(E.current)}},in:h,onEnter:function(e){var t;i.ZIndexUtils.set("overlay",k.current,d.default.autoZIndex,d.default.zIndex.overlay),J(),(t=i.DomHandler.findSingle(k.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(){C(),e.onShow&&e.onShow()},onExit:function(){F()},onExited:function(){e.filter&&e.resetFilterOnHide&&G(),i.ZIndexUtils.clear(k.current),e.onHide&&e.onHide()}}))),oe&&m.createElement(r.Tooltip,b({target:O,content:e.tooltip},e.tooltipOptions)))})));R.displayName="MultiSelect",R.defaultProps={__TYPE:"MultiSelect",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,filterTemplate:null,display:"comma",style:null,className:null,panelClassName:null,panelStyle:null,virtualScrollerOptions:null,scrollHeight:"200px",placeholder:null,fixedPlaceholder:!1,disabled:!1,showClear:!1,filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyFilterMessage:null,resetFilterOnHide:!1,tabIndex:0,dataKey:null,inputId:null,appendTo:null,tooltip:null,tooltipOptions:null,maxSelectedLabels:null,selectionLimit:null,selectedItemsLabel:"{0} items selected",ariaLabelledBy:null,itemTemplate:null,selectedItemTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle",showSelectAll:!0,selectAll:!1,onChange:null,onFocus:null,onBlur:null,onShow:null,onHide:null,onFilter:null,onSelectAll:null},exports.MultiSelect=R;
@@ -3,7 +3,7 @@ import TooltipOptions from '../tooltip/tooltipoptions';
3
3
  import { CSSTransitionProps } from '../csstransition';
4
4
  import { IconType } from '../utils';
5
5
  import { VirtualScrollerProps } from '../virtualscroller';
6
- import { SelectItemOptionsType } from '../selectitem/SelectItem';
6
+ import { SelectItemOptionsType } from '../selectitem/selectitem';
7
7
 
8
8
  type MultiSelectOptionGroupTemplateType = React.ReactNode | ((option: any, index: number) => React.ReactNode);
9
9
 
@@ -11,6 +11,8 @@ type MultiSelectItemTemplateType = React.ReactNode | ((option: any) => React.Rea
11
11
 
12
12
  type MultiSelectSelectedItemTemplateType = React.ReactNode | ((value: any) => React.ReactNode);
13
13
 
14
+ type MultiSelectFilterTemplateType = React.ReactNode | ((options: MultiSelectFilterOptions) => React.ReactNode);
15
+
14
16
  type MultiSelectEmptyFilterMessageType = React.ReactNode | ((props: MultiSelectProps) => React.ReactNode);
15
17
 
16
18
  type MultiSelectDisplayType = 'comma' | 'chip';
@@ -66,6 +68,11 @@ interface MultiSelectAllParams {
66
68
  checked: boolean;
67
69
  }
68
70
 
71
+ interface MultiSelectFilterOptions {
72
+ filter?: (event?: KeyboardEvent) => void;
73
+ reset?: () => void;
74
+ }
75
+
69
76
  export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
70
77
  id?: string;
71
78
  inputRef?: React.Ref<HTMLSelectElement>;
@@ -107,6 +114,7 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
107
114
  selectedItemsLabel?: string;
108
115
  ariaLabelledBy?: string;
109
116
  itemTemplate?: MultiSelectItemTemplateType;
117
+ filterTemplate?: MultiSelectFilterTemplateType;
110
118
  selectedItemTemplate?: MultiSelectSelectedItemTemplateType;
111
119
  panelHeaderTemplate?: MultiSelectPanelHeaderTemplateType;
112
120
  panelFooterTemplate?: MultiSelectPanelFooterTemplateType;
@@ -125,4 +133,10 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
125
133
  children?: React.ReactNode;
126
134
  }
127
135
 
128
- export declare class MultiSelect extends React.Component<MultiSelectProps, any> { }
136
+ export declare class MultiSelect extends React.Component<MultiSelectProps, any> {
137
+ public show(): void;
138
+ public hide(): void;
139
+ public getElement(): HTMLDivElement;
140
+ public getInput(): HTMLInputElement;
141
+ public getOverlay(): HTMLElement;
142
+ }
@@ -133,23 +133,27 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
133
133
  if (!props.disabled && !props.readOnly && props.onChange) {
134
134
  var _checked = isChecked();
135
135
 
136
- var value = _checked ? props.falseValue : props.trueValue;
137
- props.onChange({
138
- originalEvent: event,
139
- value: props.value,
140
- checked: value,
141
- stopPropagation: function stopPropagation() {},
142
- preventDefault: function preventDefault() {},
143
- target: {
144
- type: 'checkbox',
145
- name: props.name,
146
- id: props.id,
136
+ if (inputRef.current.checked === _checked) {
137
+ var value = _checked ? props.falseValue : props.trueValue;
138
+ props.onChange({
139
+ originalEvent: event,
147
140
  value: props.value,
148
- checked: value
149
- }
150
- });
151
- inputRef.current.checked = !_checked;
152
- inputRef.current.focus();
141
+ checked: value,
142
+ stopPropagation: function stopPropagation() {},
143
+ preventDefault: function preventDefault() {},
144
+ target: {
145
+ type: 'checkbox',
146
+ name: props.name,
147
+ id: props.id,
148
+ value: props.value,
149
+ checked: value
150
+ }
151
+ });
152
+ inputRef.current.checked = !_checked;
153
+ }
154
+
155
+ DomHandler.focus(inputRef.current);
156
+ event.preventDefault();
153
157
  }
154
158
  };
155
159
 
@@ -165,6 +169,17 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
165
169
  return props.checked === props.trueValue;
166
170
  };
167
171
 
172
+ React.useImperativeHandle(ref, function () {
173
+ return {
174
+ props: props,
175
+ getElement: function getElement() {
176
+ return elementRef.current;
177
+ },
178
+ getInput: function getInput() {
179
+ return inputRef.current;
180
+ }
181
+ };
182
+ });
168
183
  React.useEffect(function () {
169
184
  ObjectUtils.combinedRefs(inputRef, props.inputRef);
170
185
  }, [inputRef, props.inputRef]);
@@ -250,6 +265,15 @@ Checkbox.defaultProps = {
250
265
  };
251
266
 
252
267
  var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
268
+ var filterOptions = {
269
+ filter: function filter(e) {
270
+ return onFilter(e);
271
+ },
272
+ reset: function reset() {
273
+ return props.resetFilter();
274
+ }
275
+ };
276
+
253
277
  var onFilter = function onFilter(event) {
254
278
  if (props.onFilter) {
255
279
  props.onFilter({
@@ -272,8 +296,9 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
272
296
 
273
297
  var createFilterElement = function createFilterElement() {
274
298
  if (props.filter) {
275
- return /*#__PURE__*/React.createElement("div", {
276
- className: "p-multiselect-filter-container"
299
+ var containerClassName = classNames('p-multiselect-filter-container');
300
+ var content = /*#__PURE__*/React.createElement("div", {
301
+ className: containerClassName
277
302
  }, /*#__PURE__*/React.createElement(InputText, {
278
303
  type: "text",
279
304
  role: "textbox",
@@ -284,6 +309,20 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
284
309
  }), /*#__PURE__*/React.createElement("span", {
285
310
  className: "p-multiselect-filter-icon pi pi-search"
286
311
  }));
312
+
313
+ if (props.filterTemplate) {
314
+ var defaultContentOptions = {
315
+ className: containerClassName,
316
+ element: content,
317
+ filterOptions: filterOptions,
318
+ onFilter: onFilter,
319
+ filterIconClassName: 'p-multeselect-filter-icon pi pi-search',
320
+ props: props
321
+ };
322
+ content = ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
323
+ }
324
+
325
+ return /*#__PURE__*/React.createElement(React.Fragment, null, content);
287
326
  }
288
327
 
289
328
  return null;
@@ -363,6 +402,7 @@ var MultiSelectItem = /*#__PURE__*/React.memo(function (props) {
363
402
  var tabIndex = props.disabled ? null : props.tabIndex || 0;
364
403
  return /*#__PURE__*/React.createElement("li", {
365
404
  className: className,
405
+ style: props.style,
366
406
  onClick: onClick,
367
407
  tabIndex: tabIndex,
368
408
  onKeyDown: onKeyDown,
@@ -414,6 +454,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
414
454
  return /*#__PURE__*/React.createElement(MultiSelectHeader, {
415
455
  filter: props.filter,
416
456
  filterValue: props.filterValue,
457
+ filterTemplate: props.filterTemplate,
417
458
  onFilter: onFilterInputChange,
418
459
  filterPlaceholder: props.filterPlaceholder,
419
460
  onClose: props.onCloseClick,
@@ -435,7 +476,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
435
476
  return null;
436
477
  };
437
478
 
438
- var createGroupChildren = function createGroupChildren(optionGroup) {
479
+ var createGroupChildren = function createGroupChildren(optionGroup, style) {
439
480
  var groupChildren = props.getOptionGroupChildren(optionGroup);
440
481
  return groupChildren.map(function (option, j) {
441
482
  var optionLabel = props.getOptionLabel(option);
@@ -447,6 +488,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
447
488
  key: optionKey,
448
489
  label: optionLabel,
449
490
  option: option,
491
+ style: style,
450
492
  template: props.itemTemplate,
451
493
  selected: selected,
452
494
  onClick: props.onOptionSelect,
@@ -465,14 +507,20 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
465
507
  };
466
508
 
467
509
  var createItem = function createItem(option, index) {
510
+ var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
511
+ var style = {
512
+ height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
513
+ };
514
+
468
515
  if (props.optionGroupLabel) {
469
516
  var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
470
- var groupChildrenContent = createGroupChildren(option);
517
+ var groupChildrenContent = createGroupChildren(option, style);
471
518
  var key = index + '_' + props.getOptionGroupRenderKey(option);
472
519
  return /*#__PURE__*/React.createElement(React.Fragment, {
473
520
  key: key
474
521
  }, /*#__PURE__*/React.createElement("li", {
475
- className: "p-multiselect-item-group"
522
+ className: "p-multiselect-item-group",
523
+ style: style
476
524
  }, groupContent), groupChildrenContent);
477
525
  } else {
478
526
  var optionLabel = props.getOptionLabel(option);
@@ -484,6 +532,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
484
532
  key: optionKey,
485
533
  label: optionLabel,
486
534
  option: option,
535
+ style: style,
487
536
  template: props.itemTemplate,
488
537
  selected: selected,
489
538
  onClick: props.onOptionSelect,
@@ -512,13 +561,14 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
512
561
  }),
513
562
  className: classNames('p-multiselect-items-wrapper', props.virtualScrollerOptions.className),
514
563
  items: props.visibleOptions,
564
+ autoSize: true,
515
565
  onLazyLoad: function onLazyLoad(event) {
516
566
  return props.virtualScrollerOptions.onLazyLoad(_objectSpread$1(_objectSpread$1({}, event), {
517
567
  filter: props.filterValue
518
568
  }));
519
569
  },
520
570
  itemTemplate: function itemTemplate(item, options) {
521
- return item && createItem(item, options.index);
571
+ return item && createItem(item, options.index, options);
522
572
  },
523
573
  contentTemplate: function contentTemplate(options) {
524
574
  var className = classNames('p-multiselect-items p-component', options.className);
@@ -695,7 +745,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
695
745
 
696
746
  case 27:
697
747
  hide();
698
- inputRef.current.focus();
748
+ DomHandler.focus(inputRef.current);
699
749
  break;
700
750
  }
701
751
  };
@@ -713,7 +763,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
713
763
  var onClick = function onClick(event) {
714
764
  if (!props.disabled && !isPanelClicked(event) && !DomHandler.hasClass(event.target, 'p-multiselect-token-icon') && !isClearClicked(event)) {
715
765
  overlayVisibleState ? hide() : show();
716
- inputRef.current.focus();
766
+ DomHandler.focus(inputRef.current);
717
767
  event.preventDefault();
718
768
  }
719
769
  };
@@ -890,7 +940,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
890
940
 
891
941
  var onCloseClick = function onCloseClick(event) {
892
942
  hide();
893
- inputRef.current.focus();
943
+ DomHandler.focus(inputRef.current);
894
944
  event.preventDefault();
895
945
  event.stopPropagation();
896
946
  };
@@ -1083,7 +1133,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
1083
1133
  var label;
1084
1134
 
1085
1135
  if (!empty && !props.fixedPlaceholder) {
1086
- if (props.maxSelectedLabels && props.value.length > props.maxSelectedLabels) {
1136
+ if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
1087
1137
  return getSelectedItemsLabel();
1088
1138
  } else {
1089
1139
  return props.value.reduce(function (acc, value, index) {
@@ -1098,7 +1148,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
1098
1148
  var getLabelContent = function getLabelContent() {
1099
1149
  if (props.selectedItemTemplate) {
1100
1150
  if (!empty) {
1101
- if (props.maxSelectedLabels && props.value.length > props.maxSelectedLabels) {
1151
+ if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
1102
1152
  return getSelectedItemsLabel();
1103
1153
  } else {
1104
1154
  return props.value.map(function (val, index) {
@@ -1172,6 +1222,22 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
1172
1222
  }
1173
1223
  };
1174
1224
 
1225
+ React.useImperativeHandle(ref, function () {
1226
+ return {
1227
+ props: props,
1228
+ show: show,
1229
+ hide: hide,
1230
+ getElement: function getElement() {
1231
+ return elementRef.current;
1232
+ },
1233
+ getOverlay: function getOverlay() {
1234
+ return overlayRef.current;
1235
+ },
1236
+ getInput: function getInput() {
1237
+ return inputRef.current;
1238
+ }
1239
+ };
1240
+ });
1175
1241
  React.useEffect(function () {
1176
1242
  ObjectUtils.combinedRefs(inputRef, props.inputRef);
1177
1243
  }, [inputRef, props.inputRef]);
@@ -1263,6 +1329,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
1263
1329
  filterValue: filterState,
1264
1330
  hasFilter: hasFilter,
1265
1331
  onFilterInputChange: onFilterInputChange,
1332
+ resetFilter: resetFilter,
1266
1333
  onCloseClick: onCloseClick,
1267
1334
  onSelectAll: onSelectAll,
1268
1335
  getOptionLabel: getOptionLabel,
@@ -1301,6 +1368,7 @@ MultiSelect.defaultProps = {
1301
1368
  optionGroupLabel: null,
1302
1369
  optionGroupChildren: null,
1303
1370
  optionGroupTemplate: null,
1371
+ filterTemplate: null,
1304
1372
  display: 'comma',
1305
1373
  style: null,
1306
1374
  className: null,
@@ -1 +1 @@
1
- import*as e from"react";import t,{localeOption as n,FilterService as l}from"primereact/api";import{useUpdateEffect as r,useOverlayListener as o,useUnmountEffect as i}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{ObjectUtils as u,classNames as s,IconUtils as p,DomHandler as m,ZIndexUtils as f}from"primereact/utils";import{CSSTransition as d}from"primereact/csstransition";import{Portal as b}from"primereact/portal";import{VirtualScroller as v}from"primereact/virtualscroller";import{InputText as h}from"primereact/inputtext";import{Ripple as y}from"primereact/ripple";function g(){return g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},g.apply(this,arguments)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function S(e){if(Array.isArray(e))return O(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function k(e,t){if(e){if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e){return S(e)||x(e)||k(e)||w()}function I(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);i=!0);}catch(e){a=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw r}}return o}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function L(e,t){return I(e)||N(e,t)||k(e,t)||D()}var F=e.memo(e.forwardRef((function(t,n){var l=L(e.useState(!1),2),o=l[0],i=l[1],a=e.useRef(null),m=e.useRef(t.inputRef),f=function(){return t.checked===t.trueValue};e.useEffect((function(){u.combinedRefs(m,t.inputRef)}),[m,t.inputRef]),r((function(){m.current.checked=f()}),[t.checked,t.trueValue]);var d=f(),b=u.isNotEmpty(t.tooltip),v=u.findDiffKeys(t,F.defaultProps),h=s("p-checkbox p-component",{"p-checkbox-checked":d,"p-checkbox-disabled":t.disabled,"p-checkbox-focused":o},t.className),y=s("p-checkbox-box",{"p-highlight":d,"p-disabled":t.disabled,"p-focus":o}),E=p.getJSXIcon(d?t.icon:"",{className:"p-checkbox-icon p-c"},{props:t,checked:d});return e.createElement(e.Fragment,null,e.createElement("div",g({ref:a,id:t.id,className:h,style:t.style},v,{onClick:function(e){if(!t.disabled&&!t.readOnly&&t.onChange){var n=f(),l=n?t.falseValue:t.trueValue;t.onChange({originalEvent:e,value:t.value,checked:l,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:t.name,id:t.id,value:t.value,checked:l}}),m.current.checked=!n,m.current.focus()}},onContextMenu:t.onContextMenu,onMouseDown:t.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:m,type:"checkbox",id:t.inputId,name:t.name,tabIndex:t.tabIndex,defaultChecked:d,"aria-labelledby":t["aria-labelledby"],"aria-label":t["aria-label"],onFocus:function(){i(!0)},onBlur:function(){i(!1)},disabled:t.disabled,readOnly:t.readOnly,required:t.required})),e.createElement("div",{className:y},E)),b&&e.createElement(c,g({target:a,content:t.tooltip},t.tooltipOptions)))})));F.displayName="Checkbox",F.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onMouseDown:null,onContextMenu:null};var A=e.memo((function(t){var n=function(e){t.onFilter&&t.onFilter({originalEvent:e,query:e.target.value})},l=function(e){t.onSelectAll&&t.onSelectAll({originalEvent:e,checked:t.selectAll}),e.preventDefault()},r=t.filter?e.createElement("div",{className:"p-multiselect-filter-container"},e.createElement(h,{type:"text",role:"textbox",value:t.filterValue,onChange:n,className:"p-multiselect-filter",placeholder:t.filterPlaceholder}),e.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null,o=t.showSelectAll&&e.createElement(F,{checked:t.selectAll,onChange:l,role:"checkbox","aria-checked":t.selectAll}),i=e.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:t.onClose},e.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),e.createElement(y,null)),a=e.createElement("div",{className:"p-multiselect-header"},o,r,i);return t.template?u.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:o,checked:t.selectAll,onChange:l,filterElement:r,closeElement:i,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:t.onClose,element:a,props:t}):a}));A.displayName="MultiSelectHeader";var P=e.memo((function(t){var n=s("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className),l=s("p-checkbox-box",{"p-highlight":t.selected}),r=s("p-checkbox-icon p-c",{"pi pi-check":t.selected}),o=t.template?u.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:n,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},tabIndex:t.disabled?null:t.tabIndex||0,onKeyDown:function(e){t.onKeyDown&&t.onKeyDown({originalEvent:e,option:t.option})},role:"option","aria-selected":t.selected},e.createElement("div",{className:"p-checkbox p-component"},e.createElement("div",{className:l},e.createElement("span",{className:r}))),e.createElement("span",null,o),e.createElement(y,null))}));function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}P.displayName="MultiSelectItem";var R=e.memo(e.forwardRef((function(t,l){var r,o,i,a,c,p=e.useRef(null),m=function(){t.onEnter((function(){if(p.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return p.current.scrollToIndex(e)}),0)}}))},f=function(e){p.current&&p.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},h=function(){if(t.panelFooterTemplate){var n=u.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},n)}return null},y=function(){var l=u.getJSXElement(t.emptyFilterMessage,t)||n("emptyFilterMessage");return e.createElement("li",{className:"p-multiselect-empty-message"},l)},E=function(n,l){if(t.optionGroupLabel){var r=t.optionGroupTemplate?u.getJSXElement(t.optionGroupTemplate,n,l):t.getOptionGroupLabel(n),o=t.getOptionGroupChildren(n).map((function(n,l){var r=t.getOptionLabel(n),o=l+"_"+t.getOptionRenderKey(n),i=t.isOptionDisabled(n),a=i?null:t.tabIndex||0,c=t.isSelected(n);return e.createElement(P,{key:o,label:r,option:n,template:t.itemTemplate,selected:c,onClick:t.onOptionSelect,onKeyDown:t.onOptionKeyDown,tabIndex:a,disabled:i})})),i=l+"_"+t.getOptionGroupRenderKey(n);return e.createElement(e.Fragment,{key:i},e.createElement("li",{className:"p-multiselect-item-group"},r),o)}var a=t.getOptionLabel(n),c=l+"_"+t.getOptionRenderKey(n),s=t.isOptionDisabled(n),p=s?null:t.tabIndex||0,m=t.isSelected(n);return e.createElement(P,{key:c,label:a,option:n,template:t.itemTemplate,selected:m,onClick:t.onOptionSelect,onKeyDown:t.onOptionKeyDown,tabIndex:p,disabled:s})},O=function(){if(t.virtualScrollerOptions){var n=T(T({},t.virtualScrollerOptions),{style:T(T({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:s("p-multiselect-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(T(T({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&E(e,t.index)},contentTemplate:function(n){var l=s("p-multiselect-items p-component",n.className),r=t.visibleOptions&&t.visibleOptions.length||!t.hasFilter?n.children:y();return e.createElement("ul",{ref:n.contentRef,className:l,role:"listbox","aria-multiselectable":!0},r)}});return e.createElement(v,g({ref:p},n))}var l=u.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(E):t.hasFilter?y():null;return e.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:t.scrollHeight}},e.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},l))},S=(r=t.allowOptionSelect(),o=s("p-multiselect-panel p-component",{"p-multiselect-limited":!r},t.panelClassName),i=e.createElement(A,{filter:t.filter,filterValue:t.filterValue,onFilter:f,filterPlaceholder:t.filterPlaceholder,onClose:t.onCloseClick,showSelectAll:t.showSelectAll,selectAll:t.isAllSelected(),onSelectAll:t.onSelectAll,template:t.panelHeaderTemplate}),a=O(),c=h(),e.createElement(d,{nodeRef:l,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:m,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:l,className:o,style:t.panelStyle,onClick:t.onClick},i,a,c)));return e.createElement(b,{element:S,appendTo:t.appendTo})})));function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function K(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function V(e,t){if(e){if("string"==typeof e)return H(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?H(e,t):void 0}}function H(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}R.displayName="MultiSelectPanel";var q=e.memo(e.forwardRef((function(n,d){var b=L(e.useState(""),2),v=b[0],h=b[1],y=L(e.useState(!1),2),O=y[0],S=y[1],x=L(e.useState(!1),2),k=x[0],w=x[1],I=e.useRef(null),N=e.useRef(n.inputRef),D=e.useRef(null),F=e.useRef(null),A=v&&v.trim().length>0,P=u.isEmpty(n.value),j=n.optionValue?null:n.dataKey,T=L(o({target:I,overlay:F,listener:function(e,t){t.valid&&("outside"===t.type?!$(e)&&U():U())},when:k}),2),M=T[0],V=T[1],H=function(){return!n.selectionLimit||!n.value||n.value&&n.value.length<n.selectionLimit},B=function(e){var t=e.originalEvent,l=e.option;if(!n.disabled&&!oe(l)){var r=le(l),o=ie(l),i=W(l),a=H();i?_(t,n.value.filter((function(e){return!u.equals(o?e:le(e),r,j)}))):a&&_(t,[].concat(C(n.value||[]),[r]))}},J=function e(t){var n=t.nextElementSibling;return n?m.hasClass(n,"p-disabled")||m.hasClass(n,"p-multiselect-item-group")?e(n):n:null},X=function e(t){var n=t.previousElementSibling;return n?m.hasClass(n,"p-disabled")||m.hasClass(n,"p-multiselect-item-group")?e(n):n:null},_=function(e,t){n.onChange&&n.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:n.name,id:n.id,value:t}})},z=function(){w(!0)},U=function(){w(!1)},Y=function(){m.alignOverlay(F.current,D.current.parentElement,n.appendTo||t.appendTo)},$=function(e){return m.hasClass(e.target,"p-multiselect-clear-icon")},Z=function(e){return F.current&&F.current.contains(e.target)},Q=function(e,t){return t.findIndex((function(t){return e.some((function(e){return u.equals(e,le(t),j)}))}))},W=function(e){if(n.value){var t=le(e),l=ie(e);return n.value.some((function(e){return u.equals(l?e:le(e),t,j)}))}return!1},ee=function(e){var t;if(n.options)if(n.optionGroupLabel){var l,r=K(n.options);try{for(r.s();!(l=r.n()).done;){if(t=te(e,re(l.value)))break}}catch(e){r.e(e)}finally{r.f()}}else t=te(e,n.options);return t?ne(t):null},te=function(e,t){return t.find((function(t){return u.equals(le(t),e,j)}))},ne=function(e){return n.optionLabel?u.resolveFieldData(e,n.optionLabel):e&&void 0!==e.label?e.label:e},le=function(e){if(n.optionValue){var t=u.resolveFieldData(e,n.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},re=function(e){return u.resolveFieldData(e,n.optionGroupChildren)},oe=function(e){return n.optionDisabled?u.isFunction(n.optionDisabled)?n.optionDisabled(e):u.resolveFieldData(e,n.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ie=function(e){return n.optionValue||e&&void 0!==e.value},ae=function(e,t){var l=n.value.filter((function(e){return!u.equals(e,t,j)}));_(e,l)},ce=function(){var e=/{(.*?)}/;return e.test(n.selectedItemsLabel)?n.selectedItemsLabel.replace(n.selectedItemsLabel.match(e)[0],n.value.length+""):n.selectedItemsLabel},ue=function(){if(!P&&!n.fixedPlaceholder)return n.maxSelectedLabels&&n.value.length>n.maxSelectedLabels?ce():n.value.reduce((function(e,t,n){return e+(0!==n?",":"")+ee(t)}),"")};e.useEffect((function(){u.combinedRefs(N,n.inputRef)}),[N,n.inputRef]),r((function(){k&&A&&Y()}),[k,A]),i((function(){f.clear(F.current)}));var se=function(){if(A){var e=v.trim().toLocaleLowerCase(n.filterLocale),t=n.filterBy?n.filterBy.split(","):[n.optionLabel||"label"];if(n.optionGroupLabel){var r,o=[],i=K(n.options);try{for(i.s();!(r=i.n()).done;){var a=r.value,c=l.filter(re(a),t,e,n.filterMatchMode,n.filterLocale);c&&c.length&&o.push(G(G({},a),E({},n.optionGroupChildren,c)))}}catch(e){i.e(e)}finally{i.f()}return o}return l.filter(n.options,t,e,n.filterMatchMode,n.filterLocale)}return n.options}(),pe=u.isNotEmpty(n.tooltip),me=u.findDiffKeys(n,q.defaultProps),fe=s("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===n.display,"p-disabled":n.disabled,"p-multiselect-clearable":n.showClear&&!n.disabled,"p-focus":O,"p-inputwrapper-filled":u.isNotEmpty(n.value),"p-inputwrapper-focus":O||k},n.className),de=function(){var t=n.selectedItemTemplate?P?u.getJSXElement(n.selectedItemTemplate):n.maxSelectedLabels&&n.value.length>n.maxSelectedLabels?ce():n.value.map((function(t,l){var r=u.getJSXElement(n.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:l},r)})):"chip"!==n.display||P?ue():n.value.slice(0,n.maxSelectedLabels||n.value.length).map((function(t){var l=ee(t),r=!n.disabled&&p.getJSXIcon(n.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return ae(e,t)}},{props:n});return e.createElement("div",{className:"p-multiselect-token",key:l},e.createElement("span",{className:"p-multiselect-token-label"},l),r)})),l=s("p-multiselect-label",{"p-placeholder":P&&n.placeholder,"p-multiselect-label-empty":P&&!n.placeholder&&!n.selectedItemTemplate,"p-multiselect-items-label":!P&&"chip"!==n.display&&n.value.length>n.maxSelectedLabels});return e.createElement("div",{ref:D,className:"p-multiselect-label-container"},e.createElement("div",{className:l},t||n.placeholder||"empty"))}(),be=P||!n.showClear||n.disabled?null:e.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return _(e,null)}});return e.createElement(e.Fragment,null,e.createElement("div",g({ref:I,id:n.id,style:n.style,className:fe},me,{onClick:function(e){n.disabled||Z(e)||m.hasClass(e.target,"p-multiselect-token-icon")||$(e)||(k?U():z(),N.current.focus(),e.preventDefault())}}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:N,id:n.inputId,name:n.name,readOnly:!0,type:"text",onFocus:function(e){S(!0),n.onFocus&&n.onFocus(e)},onBlur:function(e){S(!1),n.onBlur&&n.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:!k&&e.altKey&&(z(),e.preventDefault());break;case 32:k?U():z(),e.preventDefault();break;case 27:U();break;case 9:if(k){var t=m.getFirstFocusableElement(F.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-labelledby":n.ariaLabelledBy,"aria-expanded":k,disabled:n.disabled,tabIndex:n.tabIndex})),de,be,e.createElement("div",{className:"p-multiselect-trigger"},p.getJSXIcon(n.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:n})),e.createElement(R,g({ref:F,visibleOptions:se},n,{onClick:function(e){a.emit("overlay-click",{originalEvent:e,target:I.current})},onOverlayHide:U,filterValue:v,hasFilter:A,onFilterInputChange:function(e){var t=e.query;h(t),n.onFilter&&n.onFilter({originalEvent:e,filter:t})},onCloseClick:function(e){U(),N.current.focus(),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(n.onSelectAll)n.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],se){var l=se.filter((function(e){return oe(e)&&W(e)}));t=l.map((function(e){return le(e)}))}}else if(se){var r=se.filter((function(e){return!oe(e)}));n.optionGroupLabel?(t=[],r.forEach((function(e){return t=[].concat(C(t),C(re(e).filter((function(e){return!oe(e)})).map((function(e){return le(e)}))))}))):t=r.map((function(e){return le(e)}))}_(e.originalEvent,t)}},getOptionLabel:ne,getOptionRenderKey:function(e){return n.dataKey?u.resolveFieldData(e,n.dataKey):ne(e)},isOptionDisabled:oe,getOptionGroupChildren:re,getOptionGroupLabel:function(e){return u.resolveFieldData(e,n.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.resolveFieldData(e,n.optionGroupLabel)},isSelected:W,getSelectedOptionIndex:function(){if(null!=n.value&&n.options){if(n.optionGroupLabel){var e=0,t=n.options.findIndex((function(t,l){return(e=l)&&-1!==Q(n.value,re(t))}));return-1!==t?{group:e,option:t}:-1}return Q(n.value,n.options)}return-1},isAllSelected:function(){if(n.onSelectAll)return n.selectAll;if(u.isEmpty(se))return!1;var e=se.filter((function(e){return!oe(e)}));if(!n.optionGroupLabel)return!e.some((function(e){return!W(e)}));var t,l=K(e);try{for(l.s();!(t=l.n()).done;){return!re(t.value).filter((function(e){return!oe(e)})).some((function(e){return!W(e)}))}}catch(e){l.e(e)}finally{l.f()}return!0},onOptionSelect:B,allowOptionSelect:H,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=J(n);l&&l.focus(),t.preventDefault();break;case 38:var r=X(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:B(e),t.preventDefault();break;case 27:U(),N.current.focus()}},in:k,onEnter:function(e){var n;f.set("overlay",F.current,t.autoZIndex,t.zIndex.overlay),Y(),(n=m.findSingle(F.current,"li.p-highlight"))&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(){M(),n.onShow&&n.onShow()},onExit:function(){V()},onExited:function(){n.filter&&n.resetFilterOnHide&&(h(""),n.onFilter&&n.onFilter({filter:""})),f.clear(F.current),n.onHide&&n.onHide()}}))),pe&&e.createElement(c,g({target:I,content:n.tooltip},n.tooltipOptions)))})));q.displayName="MultiSelect",q.defaultProps={__TYPE:"MultiSelect",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,display:"comma",style:null,className:null,panelClassName:null,panelStyle:null,virtualScrollerOptions:null,scrollHeight:"200px",placeholder:null,fixedPlaceholder:!1,disabled:!1,showClear:!1,filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyFilterMessage:null,resetFilterOnHide:!1,tabIndex:0,dataKey:null,inputId:null,appendTo:null,tooltip:null,tooltipOptions:null,maxSelectedLabels:null,selectionLimit:null,selectedItemsLabel:"{0} items selected",ariaLabelledBy:null,itemTemplate:null,selectedItemTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle",showSelectAll:!0,selectAll:!1,onChange:null,onFocus:null,onBlur:null,onShow:null,onHide:null,onFilter:null,onSelectAll:null};export{q as MultiSelect};
1
+ import*as e from"react";import t,{localeOption as n,FilterService as l}from"primereact/api";import{useUpdateEffect as r,useOverlayListener as o,useUnmountEffect as i}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{ObjectUtils as u,classNames as s,IconUtils as p,DomHandler as f,ZIndexUtils as m}from"primereact/utils";import{CSSTransition as d}from"primereact/csstransition";import{Portal as b}from"primereact/portal";import{VirtualScroller as v}from"primereact/virtualscroller";import{InputText as h}from"primereact/inputtext";import{Ripple as y}from"primereact/ripple";function g(){return g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},g.apply(this,arguments)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function S(e){if(Array.isArray(e))return O(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function k(e,t){if(e){if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e){return S(e)||x(e)||k(e)||w()}function I(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);i=!0);}catch(e){a=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw r}}return o}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function F(e,t){return I(e)||N(e,t)||k(e,t)||D()}var L=e.memo(e.forwardRef((function(t,n){var l=F(e.useState(!1),2),o=l[0],i=l[1],a=e.useRef(null),m=e.useRef(t.inputRef),d=function(){return t.checked===t.trueValue};e.useImperativeHandle(n,(function(){return{props:t,getElement:function(){return a.current},getInput:function(){return m.current}}})),e.useEffect((function(){u.combinedRefs(m,t.inputRef)}),[m,t.inputRef]),r((function(){m.current.checked=d()}),[t.checked,t.trueValue]);var b=d(),v=u.isNotEmpty(t.tooltip),h=u.findDiffKeys(t,L.defaultProps),y=s("p-checkbox p-component",{"p-checkbox-checked":b,"p-checkbox-disabled":t.disabled,"p-checkbox-focused":o},t.className),E=s("p-checkbox-box",{"p-highlight":b,"p-disabled":t.disabled,"p-focus":o}),O=p.getJSXIcon(b?t.icon:"",{className:"p-checkbox-icon p-c"},{props:t,checked:b});return e.createElement(e.Fragment,null,e.createElement("div",g({ref:a,id:t.id,className:y,style:t.style},h,{onClick:function(e){if(!t.disabled&&!t.readOnly&&t.onChange){var n=d();if(m.current.checked===n){var l=n?t.falseValue:t.trueValue;t.onChange({originalEvent:e,value:t.value,checked:l,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:t.name,id:t.id,value:t.value,checked:l}}),m.current.checked=!n}f.focus(m.current),e.preventDefault()}},onContextMenu:t.onContextMenu,onMouseDown:t.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:m,type:"checkbox",id:t.inputId,name:t.name,tabIndex:t.tabIndex,defaultChecked:b,"aria-labelledby":t["aria-labelledby"],"aria-label":t["aria-label"],onFocus:function(){i(!0)},onBlur:function(){i(!1)},disabled:t.disabled,readOnly:t.readOnly,required:t.required})),e.createElement("div",{className:E},O)),v&&e.createElement(c,g({target:a,content:t.tooltip},t.tooltipOptions)))})));L.displayName="Checkbox",L.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onMouseDown:null,onContextMenu:null};var A=e.memo((function(t){var n={filter:function(e){return l(e)},reset:function(){return t.resetFilter()}},l=function(e){t.onFilter&&t.onFilter({originalEvent:e,query:e.target.value})},r=function(e){t.onSelectAll&&t.onSelectAll({originalEvent:e,checked:t.selectAll}),e.preventDefault()},o=function(){if(t.filter){var r=s("p-multiselect-filter-container"),o=e.createElement("div",{className:r},e.createElement(h,{type:"text",role:"textbox",value:t.filterValue,onChange:l,className:"p-multiselect-filter",placeholder:t.filterPlaceholder}),e.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"}));if(t.filterTemplate)o=u.getJSXElement(t.filterTemplate,{className:r,element:o,filterOptions:n,onFilter:l,filterIconClassName:"p-multeselect-filter-icon pi pi-search",props:t});return e.createElement(e.Fragment,null,o)}return null}(),i=t.showSelectAll&&e.createElement(L,{checked:t.selectAll,onChange:r,role:"checkbox","aria-checked":t.selectAll}),a=e.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:t.onClose},e.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),e.createElement(y,null)),c=e.createElement("div",{className:"p-multiselect-header"},i,o,a);return t.template?u.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:i,checked:t.selectAll,onChange:r,filterElement:o,closeElement:a,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:t.onClose,element:c,props:t}):c}));A.displayName="MultiSelectHeader";var T=e.memo((function(t){var n=s("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className),l=s("p-checkbox-box",{"p-highlight":t.selected}),r=s("p-checkbox-icon p-c",{"pi pi-check":t.selected}),o=t.template?u.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:n,style:t.style,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},tabIndex:t.disabled?null:t.tabIndex||0,onKeyDown:function(e){t.onKeyDown&&t.onKeyDown({originalEvent:e,option:t.option})},role:"option","aria-selected":t.selected},e.createElement("div",{className:"p-checkbox p-component"},e.createElement("div",{className:l},e.createElement("span",{className:r}))),e.createElement("span",null,o),e.createElement(y,null))}));function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}T.displayName="MultiSelectItem";var R=e.memo(e.forwardRef((function(t,l){var r,o,i,a,c,p=e.useRef(null),f=function(){t.onEnter((function(){if(p.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return p.current.scrollToIndex(e)}),0)}}))},m=function(e){p.current&&p.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},h=function(){if(t.panelFooterTemplate){var n=u.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},n)}return null},y=function(n,l){return t.getOptionGroupChildren(n).map((function(n,r){var o=t.getOptionLabel(n),i=r+"_"+t.getOptionRenderKey(n),a=t.isOptionDisabled(n),c=a?null:t.tabIndex||0,u=t.isSelected(n);return e.createElement(T,{key:i,label:o,option:n,style:l,template:t.itemTemplate,selected:u,onClick:t.onOptionSelect,onKeyDown:t.onOptionKeyDown,tabIndex:c,disabled:a})}))},E=function(){var l=u.getJSXElement(t.emptyFilterMessage,t)||n("emptyFilterMessage");return e.createElement("li",{className:"p-multiselect-empty-message"},l)},O=function(n,l){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(t.optionGroupLabel){var i=t.optionGroupTemplate?u.getJSXElement(t.optionGroupTemplate,n,l):t.getOptionGroupLabel(n),a=y(n,o),c=l+"_"+t.getOptionGroupRenderKey(n);return e.createElement(e.Fragment,{key:c},e.createElement("li",{className:"p-multiselect-item-group",style:o},i),a)}var s=t.getOptionLabel(n),p=l+"_"+t.getOptionRenderKey(n),f=t.isOptionDisabled(n),m=f?null:t.tabIndex||0,d=t.isSelected(n);return e.createElement(T,{key:p,label:s,option:n,style:o,template:t.itemTemplate,selected:d,onClick:t.onOptionSelect,onKeyDown:t.onOptionKeyDown,tabIndex:m,disabled:f})},S=function(){if(t.virtualScrollerOptions){var n=j(j({},t.virtualScrollerOptions),{style:j(j({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:s("p-multiselect-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,autoSize:!0,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(j(j({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&O(e,t.index,t)},contentTemplate:function(n){var l=s("p-multiselect-items p-component",n.className),r=t.visibleOptions&&t.visibleOptions.length||!t.hasFilter?n.children:E();return e.createElement("ul",{ref:n.contentRef,className:l,role:"listbox","aria-multiselectable":!0},r)}});return e.createElement(v,g({ref:p},n))}var l=u.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(O):t.hasFilter?E():null;return e.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:t.scrollHeight}},e.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},l))},x=(r=t.allowOptionSelect(),o=s("p-multiselect-panel p-component",{"p-multiselect-limited":!r},t.panelClassName),i=e.createElement(A,{filter:t.filter,filterValue:t.filterValue,filterTemplate:t.filterTemplate,onFilter:m,filterPlaceholder:t.filterPlaceholder,onClose:t.onCloseClick,showSelectAll:t.showSelectAll,selectAll:t.isAllSelected(),onSelectAll:t.onSelectAll,template:t.panelHeaderTemplate}),a=S(),c=h(),e.createElement(d,{nodeRef:l,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:f,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:l,className:o,style:t.panelStyle,onClick:t.onClick},i,a,c)));return e.createElement(b,{element:x,appendTo:t.appendTo})})));function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function K(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function V(e,t){if(e){if("string"==typeof e)return H(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?H(e,t):void 0}}function H(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}R.displayName="MultiSelectPanel";var J=e.memo(e.forwardRef((function(n,d){var b=F(e.useState(""),2),v=b[0],h=b[1],y=F(e.useState(!1),2),O=y[0],S=y[1],x=F(e.useState(!1),2),k=x[0],w=x[1],I=e.useRef(null),N=e.useRef(n.inputRef),D=e.useRef(null),L=e.useRef(null),A=v&&v.trim().length>0,T=u.isEmpty(n.value),P=n.optionValue?null:n.dataKey,j=F(o({target:I,overlay:L,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&Y():Y())},when:k}),2),M=j[0],V=j[1],H=function(){return!n.selectionLimit||!n.value||n.value&&n.value.length<n.selectionLimit},X=function(e){var t=e.originalEvent,l=e.option;if(!n.disabled&&!ie(l)){var r=re(l),o=ae(l),i=ee(l),a=H();i?_(t,n.value.filter((function(e){return!u.equals(o?e:re(e),r,P)}))):a&&_(t,[].concat(C(n.value||[]),[r]))}},q=function e(t){var n=t.nextElementSibling;return n?f.hasClass(n,"p-disabled")||f.hasClass(n,"p-multiselect-item-group")?e(n):n:null},B=function e(t){var n=t.previousElementSibling;return n?f.hasClass(n,"p-disabled")||f.hasClass(n,"p-multiselect-item-group")?e(n):n:null},_=function(e,t){n.onChange&&n.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:n.name,id:n.id,value:t}})},z=function(){h(""),n.onFilter&&n.onFilter({filter:""})},U=function(){w(!0)},Y=function(){w(!1)},$=function(){f.alignOverlay(L.current,D.current.parentElement,n.appendTo||t.appendTo)},Z=function(e){return f.hasClass(e.target,"p-multiselect-clear-icon")},Q=function(e){return L.current&&L.current.contains(e.target)},W=function(e,t){return t.findIndex((function(t){return e.some((function(e){return u.equals(e,re(t),P)}))}))},ee=function(e){if(n.value){var t=re(e),l=ae(e);return n.value.some((function(e){return u.equals(l?e:re(e),t,P)}))}return!1},te=function(e){var t;if(n.options)if(n.optionGroupLabel){var l,r=K(n.options);try{for(r.s();!(l=r.n()).done;){if(t=ne(e,oe(l.value)))break}}catch(e){r.e(e)}finally{r.f()}}else t=ne(e,n.options);return t?le(t):null},ne=function(e,t){return t.find((function(t){return u.equals(re(t),e,P)}))},le=function(e){return n.optionLabel?u.resolveFieldData(e,n.optionLabel):e&&void 0!==e.label?e.label:e},re=function(e){if(n.optionValue){var t=u.resolveFieldData(e,n.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},oe=function(e){return u.resolveFieldData(e,n.optionGroupChildren)},ie=function(e){return n.optionDisabled?u.isFunction(n.optionDisabled)?n.optionDisabled(e):u.resolveFieldData(e,n.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ae=function(e){return n.optionValue||e&&void 0!==e.value},ce=function(e,t){var l=n.value.filter((function(e){return!u.equals(e,t,P)}));_(e,l)},ue=function(){var e=/{(.*?)}/;return e.test(n.selectedItemsLabel)?n.selectedItemsLabel.replace(n.selectedItemsLabel.match(e)[0],n.value.length+""):n.selectedItemsLabel},se=function(){if(!T&&!n.fixedPlaceholder)return u.isNotEmpty(n.maxSelectedLabels)&&n.value.length>n.maxSelectedLabels?ue():n.value.reduce((function(e,t,n){return e+(0!==n?",":"")+te(t)}),"")};e.useImperativeHandle(d,(function(){return{props:n,show:U,hide:Y,getElement:function(){return I.current},getOverlay:function(){return L.current},getInput:function(){return N.current}}})),e.useEffect((function(){u.combinedRefs(N,n.inputRef)}),[N,n.inputRef]),r((function(){k&&A&&$()}),[k,A]),i((function(){m.clear(L.current)}));var pe=function(){if(A){var e=v.trim().toLocaleLowerCase(n.filterLocale),t=n.filterBy?n.filterBy.split(","):[n.optionLabel||"label"];if(n.optionGroupLabel){var r,o=[],i=K(n.options);try{for(i.s();!(r=i.n()).done;){var a=r.value,c=l.filter(oe(a),t,e,n.filterMatchMode,n.filterLocale);c&&c.length&&o.push(G(G({},a),E({},n.optionGroupChildren,c)))}}catch(e){i.e(e)}finally{i.f()}return o}return l.filter(n.options,t,e,n.filterMatchMode,n.filterLocale)}return n.options}(),fe=u.isNotEmpty(n.tooltip),me=u.findDiffKeys(n,J.defaultProps),de=s("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===n.display,"p-disabled":n.disabled,"p-multiselect-clearable":n.showClear&&!n.disabled,"p-focus":O,"p-inputwrapper-filled":u.isNotEmpty(n.value),"p-inputwrapper-focus":O||k},n.className),be=function(){var t=n.selectedItemTemplate?T?u.getJSXElement(n.selectedItemTemplate):u.isNotEmpty(n.maxSelectedLabels)&&n.value.length>n.maxSelectedLabels?ue():n.value.map((function(t,l){var r=u.getJSXElement(n.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:l},r)})):"chip"!==n.display||T?se():n.value.slice(0,n.maxSelectedLabels||n.value.length).map((function(t){var l=te(t),r=!n.disabled&&p.getJSXIcon(n.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return ce(e,t)}},{props:n});return e.createElement("div",{className:"p-multiselect-token",key:l},e.createElement("span",{className:"p-multiselect-token-label"},l),r)})),l=s("p-multiselect-label",{"p-placeholder":T&&n.placeholder,"p-multiselect-label-empty":T&&!n.placeholder&&!n.selectedItemTemplate,"p-multiselect-items-label":!T&&"chip"!==n.display&&n.value.length>n.maxSelectedLabels});return e.createElement("div",{ref:D,className:"p-multiselect-label-container"},e.createElement("div",{className:l},t||n.placeholder||"empty"))}(),ve=T||!n.showClear||n.disabled?null:e.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return _(e,null)}});return e.createElement(e.Fragment,null,e.createElement("div",g({ref:I,id:n.id,style:n.style,className:de},me,{onClick:function(e){n.disabled||Q(e)||f.hasClass(e.target,"p-multiselect-token-icon")||Z(e)||(k?Y():U(),f.focus(N.current),e.preventDefault())}}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:N,id:n.inputId,name:n.name,readOnly:!0,type:"text",onFocus:function(e){S(!0),n.onFocus&&n.onFocus(e)},onBlur:function(e){S(!1),n.onBlur&&n.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:!k&&e.altKey&&(U(),e.preventDefault());break;case 32:k?Y():U(),e.preventDefault();break;case 27:Y();break;case 9:if(k){var t=f.getFirstFocusableElement(L.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-labelledby":n.ariaLabelledBy,"aria-expanded":k,disabled:n.disabled,tabIndex:n.tabIndex})),be,ve,e.createElement("div",{className:"p-multiselect-trigger"},p.getJSXIcon(n.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:n})),e.createElement(R,g({ref:L,visibleOptions:pe},n,{onClick:function(e){a.emit("overlay-click",{originalEvent:e,target:I.current})},onOverlayHide:Y,filterValue:v,hasFilter:A,onFilterInputChange:function(e){var t=e.query;h(t),n.onFilter&&n.onFilter({originalEvent:e,filter:t})},resetFilter:z,onCloseClick:function(e){Y(),f.focus(N.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(n.onSelectAll)n.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],pe){var l=pe.filter((function(e){return ie(e)&&ee(e)}));t=l.map((function(e){return re(e)}))}}else if(pe){var r=pe.filter((function(e){return!ie(e)}));n.optionGroupLabel?(t=[],r.forEach((function(e){return t=[].concat(C(t),C(oe(e).filter((function(e){return!ie(e)})).map((function(e){return re(e)}))))}))):t=r.map((function(e){return re(e)}))}_(e.originalEvent,t)}},getOptionLabel:le,getOptionRenderKey:function(e){return n.dataKey?u.resolveFieldData(e,n.dataKey):le(e)},isOptionDisabled:ie,getOptionGroupChildren:oe,getOptionGroupLabel:function(e){return u.resolveFieldData(e,n.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.resolveFieldData(e,n.optionGroupLabel)},isSelected:ee,getSelectedOptionIndex:function(){if(null!=n.value&&n.options){if(n.optionGroupLabel){var e=0,t=n.options.findIndex((function(t,l){return(e=l)&&-1!==W(n.value,oe(t))}));return-1!==t?{group:e,option:t}:-1}return W(n.value,n.options)}return-1},isAllSelected:function(){if(n.onSelectAll)return n.selectAll;if(u.isEmpty(pe))return!1;var e=pe.filter((function(e){return!ie(e)}));if(!n.optionGroupLabel)return!e.some((function(e){return!ee(e)}));var t,l=K(e);try{for(l.s();!(t=l.n()).done;){return!oe(t.value).filter((function(e){return!ie(e)})).some((function(e){return!ee(e)}))}}catch(e){l.e(e)}finally{l.f()}return!0},onOptionSelect:X,allowOptionSelect:H,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=q(n);l&&l.focus(),t.preventDefault();break;case 38:var r=B(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:X(e),t.preventDefault();break;case 27:Y(),f.focus(N.current)}},in:k,onEnter:function(e){var n;m.set("overlay",L.current,t.autoZIndex,t.zIndex.overlay),$(),(n=f.findSingle(L.current,"li.p-highlight"))&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(){M(),n.onShow&&n.onShow()},onExit:function(){V()},onExited:function(){n.filter&&n.resetFilterOnHide&&z(),m.clear(L.current),n.onHide&&n.onHide()}}))),fe&&e.createElement(c,g({target:I,content:n.tooltip},n.tooltipOptions)))})));J.displayName="MultiSelect",J.defaultProps={__TYPE:"MultiSelect",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,filterTemplate:null,display:"comma",style:null,className:null,panelClassName:null,panelStyle:null,virtualScrollerOptions:null,scrollHeight:"200px",placeholder:null,fixedPlaceholder:!1,disabled:!1,showClear:!1,filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyFilterMessage:null,resetFilterOnHide:!1,tabIndex:0,dataKey:null,inputId:null,appendTo:null,tooltip:null,tooltipOptions:null,maxSelectedLabels:null,selectionLimit:null,selectedItemsLabel:"{0} items selected",ariaLabelledBy:null,itemTemplate:null,selectedItemTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle",showSelectAll:!0,selectAll:!1,onChange:null,onFocus:null,onBlur:null,onShow:null,onHide:null,onFilter:null,onSelectAll:null};export{J as MultiSelect};