primereact 8.0.1 → 8.2.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 (434) hide show
  1. package/api/api.cjs.js +22 -1
  2. package/api/api.cjs.min.js +1 -1
  3. package/api/api.esm.js +22 -2
  4. package/api/api.esm.min.js +1 -1
  5. package/api/api.js +22 -1
  6. package/api/api.min.js +1 -1
  7. package/autocomplete/autocomplete.cjs.js +42 -24
  8. package/autocomplete/autocomplete.cjs.min.js +1 -1
  9. package/autocomplete/autocomplete.d.ts +0 -1
  10. package/autocomplete/autocomplete.esm.js +43 -25
  11. package/autocomplete/autocomplete.esm.min.js +1 -1
  12. package/autocomplete/autocomplete.js +42 -24
  13. package/autocomplete/autocomplete.min.js +1 -1
  14. package/avatar/avatar.cjs.js +7 -7
  15. package/avatar/avatar.cjs.min.js +1 -1
  16. package/avatar/avatar.d.ts +1 -3
  17. package/avatar/avatar.esm.js +7 -7
  18. package/avatar/avatar.esm.min.js +1 -1
  19. package/avatar/avatar.js +7 -7
  20. package/avatar/avatar.min.js +1 -1
  21. package/badge/badge.cjs.js +2 -2
  22. package/badge/badge.cjs.min.js +1 -1
  23. package/badge/badge.d.ts +2 -4
  24. package/badge/badge.esm.js +2 -2
  25. package/badge/badge.esm.min.js +1 -1
  26. package/badge/badge.js +2 -2
  27. package/badge/badge.min.js +1 -1
  28. package/breadcrumb/breadcrumb.cjs.js +22 -6
  29. package/breadcrumb/breadcrumb.cjs.min.js +1 -1
  30. package/breadcrumb/breadcrumb.esm.js +22 -6
  31. package/breadcrumb/breadcrumb.esm.min.js +1 -1
  32. package/breadcrumb/breadcrumb.js +22 -6
  33. package/breadcrumb/breadcrumb.min.js +1 -1
  34. package/button/button.cjs.js +1 -1
  35. package/button/button.cjs.min.js +1 -1
  36. package/button/button.esm.js +1 -1
  37. package/button/button.esm.min.js +1 -1
  38. package/button/button.js +1 -1
  39. package/button/button.min.js +1 -1
  40. package/calendar/calendar.cjs.js +80 -7
  41. package/calendar/calendar.cjs.min.js +1 -1
  42. package/calendar/calendar.d.ts +7 -5
  43. package/calendar/calendar.esm.js +80 -7
  44. package/calendar/calendar.esm.min.js +1 -1
  45. package/calendar/calendar.js +80 -7
  46. package/calendar/calendar.min.js +1 -1
  47. package/captcha/captcha.cjs.js +1 -0
  48. package/captcha/captcha.esm.js +1 -0
  49. package/captcha/captcha.js +1 -0
  50. package/card/card.d.ts +1 -4
  51. package/carousel/carousel.cjs.js +18 -17
  52. package/carousel/carousel.cjs.min.js +1 -1
  53. package/carousel/carousel.esm.js +19 -18
  54. package/carousel/carousel.esm.min.js +1 -1
  55. package/carousel/carousel.js +19 -18
  56. package/carousel/carousel.min.js +1 -1
  57. package/cascadeselect/cascadeselect.cjs.js +5 -4
  58. package/cascadeselect/cascadeselect.cjs.min.js +1 -1
  59. package/cascadeselect/cascadeselect.d.ts +1 -1
  60. package/cascadeselect/cascadeselect.esm.js +5 -4
  61. package/cascadeselect/cascadeselect.esm.min.js +1 -1
  62. package/cascadeselect/cascadeselect.js +5 -4
  63. package/cascadeselect/cascadeselect.min.js +1 -1
  64. package/chart/chart.cjs.js +13 -7
  65. package/chart/chart.cjs.min.js +1 -1
  66. package/chart/chart.esm.js +13 -7
  67. package/chart/chart.esm.min.js +1 -1
  68. package/chart/chart.js +13 -7
  69. package/chart/chart.min.js +1 -1
  70. package/checkbox/checkbox.cjs.js +1 -2
  71. package/checkbox/checkbox.cjs.min.js +1 -1
  72. package/checkbox/checkbox.esm.js +2 -3
  73. package/checkbox/checkbox.esm.min.js +1 -1
  74. package/checkbox/checkbox.js +1 -2
  75. package/checkbox/checkbox.min.js +1 -1
  76. package/chip/chip.d.ts +1 -3
  77. package/chips/chips.cjs.js +18 -2
  78. package/chips/chips.cjs.min.js +1 -1
  79. package/chips/chips.d.ts +3 -0
  80. package/chips/chips.esm.js +19 -3
  81. package/chips/chips.esm.min.js +1 -1
  82. package/chips/chips.js +19 -4
  83. package/chips/chips.min.js +1 -1
  84. package/column/column.cjs.js +2 -1
  85. package/column/column.cjs.min.js +1 -1
  86. package/column/column.d.ts +2 -0
  87. package/column/column.esm.js +2 -1
  88. package/column/column.esm.min.js +1 -1
  89. package/column/column.js +2 -1
  90. package/column/column.min.js +1 -1
  91. package/confirmdialog/confirmdialog.d.ts +1 -6
  92. package/contextmenu/contextmenu.cjs.js +1 -0
  93. package/contextmenu/contextmenu.cjs.min.js +1 -1
  94. package/contextmenu/contextmenu.esm.js +1 -0
  95. package/contextmenu/contextmenu.esm.min.js +1 -1
  96. package/contextmenu/contextmenu.js +1 -0
  97. package/contextmenu/contextmenu.min.js +1 -1
  98. package/core/core.js +390 -160
  99. package/core/core.min.js +14 -14
  100. package/datatable/datatable.cjs.js +68 -27
  101. package/datatable/datatable.cjs.min.js +1 -1
  102. package/datatable/datatable.esm.js +69 -28
  103. package/datatable/datatable.esm.min.js +1 -1
  104. package/datatable/datatable.js +68 -27
  105. package/datatable/datatable.min.css +1 -1
  106. package/datatable/datatable.min.js +1 -1
  107. package/dialog/dialog.cjs.js +7 -3
  108. package/dialog/dialog.cjs.min.js +1 -1
  109. package/dialog/dialog.d.ts +2 -0
  110. package/dialog/dialog.esm.js +7 -3
  111. package/dialog/dialog.esm.min.js +1 -1
  112. package/dialog/dialog.js +7 -3
  113. package/dialog/dialog.min.js +1 -1
  114. package/dropdown/dropdown.cjs.js +32 -25
  115. package/dropdown/dropdown.cjs.min.js +1 -1
  116. package/dropdown/dropdown.d.ts +1 -1
  117. package/dropdown/dropdown.esm.js +32 -25
  118. package/dropdown/dropdown.esm.min.js +1 -1
  119. package/dropdown/dropdown.js +32 -25
  120. package/dropdown/dropdown.min.js +1 -1
  121. package/editor/editor.cjs.js +11 -3
  122. package/editor/editor.cjs.min.js +1 -1
  123. package/editor/editor.esm.js +11 -3
  124. package/editor/editor.esm.min.js +1 -1
  125. package/editor/editor.js +11 -3
  126. package/editor/editor.min.js +1 -1
  127. package/fileupload/fileupload.cjs.js +46 -19
  128. package/fileupload/fileupload.cjs.min.js +1 -1
  129. package/fileupload/fileupload.d.ts +1 -0
  130. package/fileupload/fileupload.esm.js +46 -19
  131. package/fileupload/fileupload.esm.min.js +1 -1
  132. package/fileupload/fileupload.js +46 -19
  133. package/fileupload/fileupload.min.js +1 -1
  134. package/fullcalendar/fullcalendar.cjs.js +1 -0
  135. package/fullcalendar/fullcalendar.esm.js +1 -0
  136. package/fullcalendar/fullcalendar.js +1 -0
  137. package/hooks/hooks.cjs.js +48 -2
  138. package/hooks/hooks.cjs.min.js +1 -1
  139. package/hooks/hooks.d.ts +3 -1
  140. package/hooks/hooks.esm.js +47 -3
  141. package/hooks/hooks.esm.min.js +1 -1
  142. package/hooks/hooks.js +48 -2
  143. package/hooks/hooks.min.js +1 -1
  144. package/image/image.cjs.js +5 -5
  145. package/image/image.cjs.min.js +1 -1
  146. package/image/image.d.ts +1 -3
  147. package/image/image.esm.js +5 -5
  148. package/image/image.esm.min.js +1 -1
  149. package/image/image.js +5 -5
  150. package/image/image.min.css +1 -1
  151. package/image/image.min.js +1 -1
  152. package/inplace/inplace.cjs.js +1 -1
  153. package/inplace/inplace.cjs.min.js +1 -1
  154. package/inplace/inplace.esm.js +1 -1
  155. package/inplace/inplace.esm.min.js +1 -1
  156. package/inplace/inplace.js +1 -1
  157. package/inplace/inplace.min.js +1 -1
  158. package/inputmask/inputmask.cjs.js +7 -5
  159. package/inputmask/inputmask.cjs.min.js +1 -1
  160. package/inputmask/inputmask.d.ts +0 -1
  161. package/inputmask/inputmask.esm.js +7 -5
  162. package/inputmask/inputmask.esm.min.js +1 -1
  163. package/inputmask/inputmask.js +7 -5
  164. package/inputmask/inputmask.min.js +1 -1
  165. package/inputnumber/inputnumber.cjs.js +37 -4
  166. package/inputnumber/inputnumber.cjs.min.js +1 -1
  167. package/inputnumber/inputnumber.esm.js +38 -5
  168. package/inputnumber/inputnumber.esm.min.js +1 -1
  169. package/inputnumber/inputnumber.js +37 -4
  170. package/inputnumber/inputnumber.min.js +1 -1
  171. package/inputswitch/inputswitch.cjs.js +1 -1
  172. package/inputswitch/inputswitch.cjs.min.js +1 -1
  173. package/inputswitch/inputswitch.d.ts +1 -1
  174. package/inputswitch/inputswitch.esm.js +2 -2
  175. package/inputswitch/inputswitch.esm.min.js +1 -1
  176. package/inputswitch/inputswitch.js +1 -1
  177. package/inputswitch/inputswitch.min.css +1 -1
  178. package/inputswitch/inputswitch.min.js +1 -1
  179. package/inputtext/inputtext.min.css +1 -1
  180. package/listbox/listbox.cjs.js +84 -15
  181. package/listbox/listbox.cjs.min.js +1 -1
  182. package/listbox/listbox.d.ts +2 -1
  183. package/listbox/listbox.esm.js +84 -15
  184. package/listbox/listbox.esm.min.js +1 -1
  185. package/listbox/listbox.js +85 -17
  186. package/listbox/listbox.min.js +1 -1
  187. package/megamenu/megamenu.cjs.js +32 -12
  188. package/megamenu/megamenu.cjs.min.js +1 -1
  189. package/megamenu/megamenu.d.ts +7 -0
  190. package/megamenu/megamenu.esm.js +32 -12
  191. package/megamenu/megamenu.esm.min.js +1 -1
  192. package/megamenu/megamenu.js +32 -12
  193. package/megamenu/megamenu.min.css +1 -1
  194. package/megamenu/megamenu.min.js +1 -1
  195. package/mention/mention.cjs.js +8 -4
  196. package/mention/mention.cjs.min.js +1 -1
  197. package/mention/mention.esm.js +8 -4
  198. package/mention/mention.esm.min.js +1 -1
  199. package/mention/mention.js +8 -4
  200. package/mention/mention.min.js +1 -1
  201. package/menubar/menubar.cjs.js +1 -0
  202. package/menubar/menubar.cjs.min.js +1 -1
  203. package/menubar/menubar.esm.js +1 -0
  204. package/menubar/menubar.esm.min.js +1 -1
  205. package/menubar/menubar.js +1 -0
  206. package/menubar/menubar.min.js +1 -1
  207. package/menuitem/menuitem.d.ts +2 -0
  208. package/message/message.d.ts +1 -1
  209. package/messages/messages.cjs.js +3 -2
  210. package/messages/messages.cjs.min.js +1 -1
  211. package/messages/messages.d.ts +1 -1
  212. package/messages/messages.esm.js +3 -2
  213. package/messages/messages.esm.min.js +1 -1
  214. package/messages/messages.js +3 -2
  215. package/messages/messages.min.js +1 -1
  216. package/multiselect/multiselect.cjs.js +22 -15
  217. package/multiselect/multiselect.cjs.min.js +1 -1
  218. package/multiselect/multiselect.d.ts +1 -1
  219. package/multiselect/multiselect.esm.js +22 -15
  220. package/multiselect/multiselect.esm.min.js +1 -1
  221. package/multiselect/multiselect.js +22 -15
  222. package/multiselect/multiselect.min.js +1 -1
  223. package/multistatecheckbox/multistatecheckbox.cjs.js +30 -24
  224. package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
  225. package/multistatecheckbox/multistatecheckbox.d.ts +2 -4
  226. package/multistatecheckbox/multistatecheckbox.esm.js +30 -24
  227. package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
  228. package/multistatecheckbox/multistatecheckbox.js +31 -26
  229. package/multistatecheckbox/multistatecheckbox.min.js +1 -1
  230. package/overlaypanel/overlaypanel.cjs.js +2 -2
  231. package/overlaypanel/overlaypanel.cjs.min.js +1 -1
  232. package/overlaypanel/overlaypanel.esm.js +2 -2
  233. package/overlaypanel/overlaypanel.esm.min.js +1 -1
  234. package/overlaypanel/overlaypanel.js +2 -2
  235. package/overlaypanel/overlaypanel.min.js +1 -1
  236. package/package.json +4 -2
  237. package/paginator/paginator.cjs.js +26 -24
  238. package/paginator/paginator.cjs.min.js +1 -1
  239. package/paginator/paginator.esm.js +26 -24
  240. package/paginator/paginator.esm.min.js +1 -1
  241. package/paginator/paginator.js +26 -25
  242. package/paginator/paginator.min.js +1 -1
  243. package/panelmenu/panelmenu.cjs.js +16 -0
  244. package/panelmenu/panelmenu.cjs.min.js +1 -1
  245. package/panelmenu/panelmenu.esm.js +17 -1
  246. package/panelmenu/panelmenu.esm.min.js +1 -1
  247. package/panelmenu/panelmenu.js +16 -0
  248. package/panelmenu/panelmenu.min.js +1 -1
  249. package/picklist/picklist.cjs.js +175 -16
  250. package/picklist/picklist.cjs.min.js +1 -1
  251. package/picklist/picklist.d.ts +34 -1
  252. package/picklist/picklist.esm.js +175 -16
  253. package/picklist/picklist.esm.min.js +1 -1
  254. package/picklist/picklist.js +176 -18
  255. package/picklist/picklist.min.css +1 -1
  256. package/picklist/picklist.min.js +1 -1
  257. package/primereact.all.cjs.js +1262 -495
  258. package/primereact.all.cjs.min.js +1 -1
  259. package/primereact.all.esm.js +1260 -496
  260. package/primereact.all.esm.min.js +1 -1
  261. package/primereact.all.js +1262 -495
  262. package/primereact.all.min.js +1 -1
  263. package/progressbar/progressbar.cjs.js +1 -2
  264. package/progressbar/progressbar.cjs.min.js +1 -1
  265. package/progressbar/progressbar.esm.js +1 -2
  266. package/progressbar/progressbar.esm.min.js +1 -1
  267. package/progressbar/progressbar.js +1 -2
  268. package/progressbar/progressbar.min.js +1 -1
  269. package/radiobutton/radiobutton.cjs.js +6 -6
  270. package/radiobutton/radiobutton.cjs.min.js +1 -1
  271. package/radiobutton/radiobutton.d.ts +0 -1
  272. package/radiobutton/radiobutton.esm.js +7 -7
  273. package/radiobutton/radiobutton.esm.min.js +1 -1
  274. package/radiobutton/radiobutton.js +6 -6
  275. package/radiobutton/radiobutton.min.js +1 -1
  276. package/resources/primereact.css +266 -208
  277. package/resources/primereact.min.css +1 -1
  278. package/resources/themes/arya-blue/theme.css +20 -7
  279. package/resources/themes/arya-green/theme.css +20 -7
  280. package/resources/themes/arya-orange/theme.css +20 -7
  281. package/resources/themes/arya-purple/theme.css +20 -7
  282. package/resources/themes/bootstrap4-dark-blue/theme.css +20 -7
  283. package/resources/themes/bootstrap4-dark-purple/theme.css +20 -7
  284. package/resources/themes/bootstrap4-light-blue/theme.css +19 -6
  285. package/resources/themes/bootstrap4-light-purple/theme.css +19 -6
  286. package/resources/themes/fluent-light/theme.css +20 -7
  287. package/resources/themes/lara-dark-blue/theme.css +20 -7
  288. package/resources/themes/lara-dark-indigo/theme.css +20 -7
  289. package/resources/themes/lara-dark-purple/theme.css +20 -7
  290. package/resources/themes/lara-dark-teal/theme.css +20 -7
  291. package/resources/themes/lara-light-blue/theme.css +20 -7
  292. package/resources/themes/lara-light-indigo/theme.css +20 -7
  293. package/resources/themes/lara-light-purple/theme.css +20 -7
  294. package/resources/themes/lara-light-teal/theme.css +20 -7
  295. package/resources/themes/luna-amber/theme.css +20 -7
  296. package/resources/themes/luna-blue/theme.css +20 -7
  297. package/resources/themes/luna-green/theme.css +20 -7
  298. package/resources/themes/luna-pink/theme.css +20 -7
  299. package/resources/themes/md-dark-deeppurple/theme.css +20 -7
  300. package/resources/themes/md-dark-indigo/theme.css +20 -7
  301. package/resources/themes/md-light-deeppurple/theme.css +20 -7
  302. package/resources/themes/md-light-indigo/theme.css +20 -7
  303. package/resources/themes/mdc-dark-deeppurple/theme.css +20 -7
  304. package/resources/themes/mdc-dark-indigo/theme.css +20 -7
  305. package/resources/themes/mdc-light-deeppurple/theme.css +20 -7
  306. package/resources/themes/mdc-light-indigo/theme.css +20 -7
  307. package/resources/themes/nova/theme.css +20 -7
  308. package/resources/themes/nova-accent/theme.css +20 -7
  309. package/resources/themes/nova-alt/theme.css +20 -7
  310. package/resources/themes/rhea/theme.css +20 -7
  311. package/resources/themes/saga-blue/theme.css +20 -7
  312. package/resources/themes/saga-green/theme.css +20 -7
  313. package/resources/themes/saga-orange/theme.css +20 -7
  314. package/resources/themes/saga-purple/theme.css +20 -7
  315. package/resources/themes/tailwind-light/theme.css +20 -7
  316. package/resources/themes/vela-blue/theme.css +20 -7
  317. package/resources/themes/vela-green/theme.css +20 -7
  318. package/resources/themes/vela-orange/theme.css +20 -7
  319. package/resources/themes/vela-purple/theme.css +20 -7
  320. package/selectbutton/selectbutton.cjs.js +2 -6
  321. package/selectbutton/selectbutton.cjs.min.js +1 -1
  322. package/selectbutton/selectbutton.d.ts +1 -1
  323. package/selectbutton/selectbutton.esm.js +2 -6
  324. package/selectbutton/selectbutton.esm.min.js +1 -1
  325. package/selectbutton/selectbutton.js +2 -6
  326. package/selectbutton/selectbutton.min.js +1 -1
  327. package/slidemenu/slidemenu.cjs.js +39 -7
  328. package/slidemenu/slidemenu.cjs.min.js +1 -1
  329. package/slidemenu/slidemenu.esm.js +39 -7
  330. package/slidemenu/slidemenu.esm.min.js +1 -1
  331. package/slidemenu/slidemenu.js +39 -7
  332. package/slidemenu/slidemenu.min.js +1 -1
  333. package/slider/slider.cjs.js +6 -3
  334. package/slider/slider.cjs.min.js +1 -1
  335. package/slider/slider.d.ts +1 -1
  336. package/slider/slider.esm.js +6 -3
  337. package/slider/slider.esm.min.js +1 -1
  338. package/slider/slider.js +6 -3
  339. package/slider/slider.min.js +1 -1
  340. package/splitbutton/splitbutton.cjs.js +16 -9
  341. package/splitbutton/splitbutton.cjs.min.js +1 -1
  342. package/splitbutton/splitbutton.d.ts +4 -0
  343. package/splitbutton/splitbutton.esm.js +16 -9
  344. package/splitbutton/splitbutton.esm.min.js +1 -1
  345. package/splitbutton/splitbutton.js +16 -9
  346. package/splitbutton/splitbutton.min.js +1 -1
  347. package/splitter/splitter.cjs.js +15 -7
  348. package/splitter/splitter.cjs.min.js +1 -1
  349. package/splitter/splitter.esm.js +16 -8
  350. package/splitter/splitter.esm.min.js +1 -1
  351. package/splitter/splitter.js +15 -7
  352. package/splitter/splitter.min.js +1 -1
  353. package/steps/steps.cjs.js +1 -0
  354. package/steps/steps.cjs.min.js +1 -1
  355. package/steps/steps.esm.js +1 -0
  356. package/steps/steps.esm.min.js +1 -1
  357. package/steps/steps.js +1 -0
  358. package/steps/steps.min.js +1 -1
  359. package/styleclass/styleclass.cjs.js +26 -21
  360. package/styleclass/styleclass.cjs.min.js +1 -1
  361. package/styleclass/styleclass.d.ts +1 -1
  362. package/styleclass/styleclass.esm.js +26 -21
  363. package/styleclass/styleclass.esm.min.js +1 -1
  364. package/styleclass/styleclass.js +26 -21
  365. package/styleclass/styleclass.min.js +1 -1
  366. package/tag/tag.d.ts +1 -1
  367. package/terminal/terminal.cjs.js +1 -1
  368. package/terminal/terminal.cjs.min.js +1 -1
  369. package/terminal/terminal.esm.js +2 -2
  370. package/terminal/terminal.esm.min.js +1 -1
  371. package/terminal/terminal.js +1 -1
  372. package/terminal/terminal.min.js +1 -1
  373. package/tieredmenu/tieredmenu.cjs.js +3 -1
  374. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  375. package/tieredmenu/tieredmenu.esm.js +3 -1
  376. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  377. package/tieredmenu/tieredmenu.js +3 -1
  378. package/tieredmenu/tieredmenu.min.js +1 -1
  379. package/toast/toast.cjs.js +30 -35
  380. package/toast/toast.cjs.min.js +1 -1
  381. package/toast/toast.d.ts +2 -1
  382. package/toast/toast.esm.js +30 -35
  383. package/toast/toast.esm.min.js +1 -1
  384. package/toast/toast.js +30 -35
  385. package/toast/toast.min.css +1 -1
  386. package/toast/toast.min.js +1 -1
  387. package/tooltip/tooltip.cjs.js +28 -22
  388. package/tooltip/tooltip.cjs.min.js +1 -1
  389. package/tooltip/tooltip.esm.js +28 -22
  390. package/tooltip/tooltip.esm.min.js +1 -1
  391. package/tooltip/tooltip.js +28 -22
  392. package/tooltip/tooltip.min.js +1 -1
  393. package/tree/tree.cjs.js +9 -1
  394. package/tree/tree.cjs.min.js +1 -1
  395. package/tree/tree.esm.js +9 -1
  396. package/tree/tree.esm.min.js +1 -1
  397. package/tree/tree.js +9 -1
  398. package/tree/tree.min.js +1 -1
  399. package/treeselect/treeselect.cjs.js +2 -2
  400. package/treeselect/treeselect.cjs.min.js +1 -1
  401. package/treeselect/treeselect.esm.js +2 -2
  402. package/treeselect/treeselect.esm.min.js +1 -1
  403. package/treeselect/treeselect.js +2 -2
  404. package/treeselect/treeselect.min.js +1 -1
  405. package/treetable/treetable.cjs.js +11 -1
  406. package/treetable/treetable.cjs.min.js +1 -1
  407. package/treetable/treetable.d.ts +3 -3
  408. package/treetable/treetable.esm.js +11 -1
  409. package/treetable/treetable.esm.min.js +1 -1
  410. package/treetable/treetable.js +11 -1
  411. package/treetable/treetable.min.js +1 -1
  412. package/tristatecheckbox/tristatecheckbox.cjs.js +25 -23
  413. package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
  414. package/tristatecheckbox/tristatecheckbox.d.ts +2 -4
  415. package/tristatecheckbox/tristatecheckbox.esm.js +25 -23
  416. package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
  417. package/tristatecheckbox/tristatecheckbox.js +26 -25
  418. package/tristatecheckbox/tristatecheckbox.min.js +1 -1
  419. package/utils/utils.cjs.js +21 -5
  420. package/utils/utils.cjs.min.js +1 -1
  421. package/utils/utils.d.ts +1 -0
  422. package/utils/utils.esm.js +21 -5
  423. package/utils/utils.esm.min.js +1 -1
  424. package/utils/utils.js +21 -5
  425. package/utils/utils.min.js +1 -1
  426. package/virtualscroller/virtualscroller.cjs.js +154 -65
  427. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  428. package/virtualscroller/virtualscroller.d.ts +12 -0
  429. package/virtualscroller/virtualscroller.esm.js +156 -67
  430. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  431. package/virtualscroller/virtualscroller.js +154 -65
  432. package/virtualscroller/virtualscroller.min.css +1 -1
  433. package/virtualscroller/virtualscroller.min.js +1 -1
  434. package/web-types.json +252 -66
@@ -51,8 +51,8 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
51
51
  useMountEffect(function () {
52
52
  if (!isQuillLoaded.current) {
53
53
  import('quill').then(function (module) {
54
- if (module && module["default"] && DomHandler.isExist(contentRef.current)) {
55
- quill.current = new module["default"](contentRef.current, {
54
+ if (module && DomHandler.isExist(contentRef.current)) {
55
+ var configuration = {
56
56
  modules: _objectSpread({
57
57
  toolbar: props.showHeader ? toolbarRef.current : false
58
58
  }, props.modules),
@@ -60,7 +60,15 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
60
60
  readOnly: props.readOnly,
61
61
  theme: props.theme,
62
62
  formats: props.formats
63
- });
63
+ };
64
+
65
+ if (module["default"]) {
66
+ // webpack
67
+ quill.current = new module["default"](contentRef.current, configuration);
68
+ } else {
69
+ // parceljs
70
+ quill.current = new module(contentRef.current, configuration);
71
+ }
64
72
 
65
73
  if (props.value) {
66
74
  quill.current.setContents(quill.current.clipboard.convert(props.value));
@@ -1 +1 @@
1
- import*as e from"react";import{useMountEffect as t,useUpdateEffect as l}from"primereact/hooks";import{DomHandler as n,ObjectUtils as a,classNames as r}from"primereact/utils";function o(){return o=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},o.apply(this,arguments)}function c(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}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 s(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){c(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}var i=e.memo(e.forwardRef((function(c,u){var m=e.useRef(null),p=e.useRef(null),d=e.useRef(null),f=e.useRef(!1),b=function(){return d.current};t((function(){f.current||(import("quill").then((function(e){e&&e.default&&n.isExist(m.current)&&(d.current=new e.default(m.current,{modules:s({toolbar:!!c.showHeader&&p.current},c.modules),placeholder:c.placeholder,readOnly:c.readOnly,theme:c.theme,formats:c.formats}),c.value&&d.current.setContents(d.current.clipboard.convert(c.value)),d.current.on("text-change",(function(e,t){var l=m.current.children[0],n=l?l.innerHTML:null,a=d.current.getText();"<p><br></p>"===n&&(n=null),c.onTextChange&&c.onTextChange({htmlValue:n,textValue:a,delta:e,source:t})})),d.current.on("selection-change",(function(e,t,l){c.onSelectionChange&&c.onSelectionChange({range:e,oldRange:t,source:l})})))})).then((function(){d.current&&d.current.getModule("toolbar")&&c.onLoad&&c.onLoad(d.current)})),f.current=!0)})),l((function(){d.current&&!d.current.hasFocus()&&(c.value?d.current.setContents(d.current.clipboard.convert(c.value)):d.current.setText(""))}),[c.value]),e.useImperativeHandle(u,(function(){return{getQuill:b}}));var E=a.findDiffKeys(c,i.defaultProps),h=r("p-component p-editor-container",c.className),v=!1===c.showHeader?null:c.headerTemplate?e.createElement("div",{ref:p,className:"p-editor-toolbar"},c.headerTemplate):e.createElement("div",{ref:p,className:"p-editor-toolbar"},e.createElement("span",{className:"ql-formats"},e.createElement("select",{className:"ql-header",defaultValue:"0"},e.createElement("option",{value:"1"},"Heading"),e.createElement("option",{value:"2"},"Subheading"),e.createElement("option",{value:"0"},"Normal")),e.createElement("select",{className:"ql-font"},e.createElement("option",null),e.createElement("option",{value:"serif"}),e.createElement("option",{value:"monospace"}))),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),e.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),e.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),e.createElement("span",{className:"ql-formats"},e.createElement("select",{className:"ql-color"}),e.createElement("select",{className:"ql-background"})),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),e.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),e.createElement("select",{className:"ql-align"},e.createElement("option",{defaultValue:!0}),e.createElement("option",{value:"center"}),e.createElement("option",{value:"right"}),e.createElement("option",{value:"justify"}))),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),e.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),e.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),y=e.createElement("div",{ref:m,className:"p-editor-content",style:c.style});return e.createElement("div",o({id:c.id,className:h},E),v,y)})));i.displayName="Editor",i.defaultProps={__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null};export{i as Editor};
1
+ import*as e from"react";import{useMountEffect as t,useUpdateEffect as l}from"primereact/hooks";import{DomHandler as n,ObjectUtils as r,classNames as a}from"primereact/utils";function o(){return o=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},o.apply(this,arguments)}function c(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}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 s(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){c(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}var i=e.memo(e.forwardRef((function(c,u){var m=e.useRef(null),p=e.useRef(null),d=e.useRef(null),f=e.useRef(!1),b=function(){return d.current};t((function(){f.current||(import("quill").then((function(e){if(e&&n.isExist(m.current)){var t={modules:s({toolbar:!!c.showHeader&&p.current},c.modules),placeholder:c.placeholder,readOnly:c.readOnly,theme:c.theme,formats:c.formats};d.current=e.default?new e.default(m.current,t):new e(m.current,t),c.value&&d.current.setContents(d.current.clipboard.convert(c.value)),d.current.on("text-change",(function(e,t){var l=m.current.children[0],n=l?l.innerHTML:null,r=d.current.getText();"<p><br></p>"===n&&(n=null),c.onTextChange&&c.onTextChange({htmlValue:n,textValue:r,delta:e,source:t})})),d.current.on("selection-change",(function(e,t,l){c.onSelectionChange&&c.onSelectionChange({range:e,oldRange:t,source:l})}))}})).then((function(){d.current&&d.current.getModule("toolbar")&&c.onLoad&&c.onLoad(d.current)})),f.current=!0)})),l((function(){d.current&&!d.current.hasFocus()&&(c.value?d.current.setContents(d.current.clipboard.convert(c.value)):d.current.setText(""))}),[c.value]),e.useImperativeHandle(u,(function(){return{getQuill:b}}));var E=r.findDiffKeys(c,i.defaultProps),v=a("p-component p-editor-container",c.className),h=!1===c.showHeader?null:c.headerTemplate?e.createElement("div",{ref:p,className:"p-editor-toolbar"},c.headerTemplate):e.createElement("div",{ref:p,className:"p-editor-toolbar"},e.createElement("span",{className:"ql-formats"},e.createElement("select",{className:"ql-header",defaultValue:"0"},e.createElement("option",{value:"1"},"Heading"),e.createElement("option",{value:"2"},"Subheading"),e.createElement("option",{value:"0"},"Normal")),e.createElement("select",{className:"ql-font"},e.createElement("option",null),e.createElement("option",{value:"serif"}),e.createElement("option",{value:"monospace"}))),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),e.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),e.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),e.createElement("span",{className:"ql-formats"},e.createElement("select",{className:"ql-color"}),e.createElement("select",{className:"ql-background"})),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),e.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),e.createElement("select",{className:"ql-align"},e.createElement("option",{defaultValue:!0}),e.createElement("option",{value:"center"}),e.createElement("option",{value:"right"}),e.createElement("option",{value:"justify"}))),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),e.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),e.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),y=e.createElement("div",{ref:m,className:"p-editor-content",style:c.style});return e.createElement("div",o({id:c.id,className:v},E),h,y)})));i.displayName="Editor",i.defaultProps={__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null};export{i as Editor};
package/editor/editor.js CHANGED
@@ -71,8 +71,8 @@ this.primereact.editor = (function (exports, React, hooks, utils) {
71
71
  hooks.useMountEffect(function () {
72
72
  if (!isQuillLoaded.current) {
73
73
  import('quill').then(function (module) {
74
- if (module && module["default"] && utils.DomHandler.isExist(contentRef.current)) {
75
- quill.current = new module["default"](contentRef.current, {
74
+ if (module && utils.DomHandler.isExist(contentRef.current)) {
75
+ var configuration = {
76
76
  modules: _objectSpread({
77
77
  toolbar: props.showHeader ? toolbarRef.current : false
78
78
  }, props.modules),
@@ -80,7 +80,15 @@ this.primereact.editor = (function (exports, React, hooks, utils) {
80
80
  readOnly: props.readOnly,
81
81
  theme: props.theme,
82
82
  formats: props.formats
83
- });
83
+ };
84
+
85
+ if (module["default"]) {
86
+ // webpack
87
+ quill.current = new module["default"](contentRef.current, configuration);
88
+ } else {
89
+ // parceljs
90
+ quill.current = new module(contentRef.current, configuration);
91
+ }
84
92
 
85
93
  if (props.value) {
86
94
  quill.current.setContents(quill.current.clipboard.convert(props.value));
@@ -1 +1 @@
1
- this.primereact=this.primereact||{},this.primereact.editor=function(e,t,r,n){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var i=l.memo(l.forwardRef((function(e,t){var a=l.useRef(null),c=l.useRef(null),u=l.useRef(null),m=l.useRef(!1),p=function(){return u.current};r.useMountEffect((function(){m.current||(import("quill").then((function(t){t&&t.default&&n.DomHandler.isExist(a.current)&&(u.current=new t.default(a.current,{modules:s({toolbar:!!e.showHeader&&c.current},e.modules),placeholder:e.placeholder,readOnly:e.readOnly,theme:e.theme,formats:e.formats}),e.value&&u.current.setContents(u.current.clipboard.convert(e.value)),u.current.on("text-change",(function(t,r){var n=a.current.children[0],l=n?n.innerHTML:null,o=u.current.getText();"<p><br></p>"===l&&(l=null),e.onTextChange&&e.onTextChange({htmlValue:l,textValue:o,delta:t,source:r})})),u.current.on("selection-change",(function(t,r,n){e.onSelectionChange&&e.onSelectionChange({range:t,oldRange:r,source:n})})))})).then((function(){u.current&&u.current.getModule("toolbar")&&e.onLoad&&e.onLoad(u.current)})),m.current=!0)})),r.useUpdateEffect((function(){u.current&&!u.current.hasFocus()&&(e.value?u.current.setContents(u.current.clipboard.convert(e.value)):u.current.setText(""))}),[e.value]),l.useImperativeHandle(t,(function(){return{getQuill:p}}));var d=n.ObjectUtils.findDiffKeys(e,i.defaultProps),f=n.classNames("p-component p-editor-container",e.className),b=!1===e.showHeader?null:e.headerTemplate?l.createElement("div",{ref:c,className:"p-editor-toolbar"},e.headerTemplate):l.createElement("div",{ref:c,className:"p-editor-toolbar"},l.createElement("span",{className:"ql-formats"},l.createElement("select",{className:"ql-header",defaultValue:"0"},l.createElement("option",{value:"1"},"Heading"),l.createElement("option",{value:"2"},"Subheading"),l.createElement("option",{value:"0"},"Normal")),l.createElement("select",{className:"ql-font"},l.createElement("option",null),l.createElement("option",{value:"serif"}),l.createElement("option",{value:"monospace"}))),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),l.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),l.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),l.createElement("span",{className:"ql-formats"},l.createElement("select",{className:"ql-color"}),l.createElement("select",{className:"ql-background"})),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),l.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),l.createElement("select",{className:"ql-align"},l.createElement("option",{defaultValue:!0}),l.createElement("option",{value:"center"}),l.createElement("option",{value:"right"}),l.createElement("option",{value:"justify"}))),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),l.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),l.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),E=l.createElement("div",{ref:a,className:"p-editor-content",style:e.style});return l.createElement("div",o({id:e.id,className:f},d),b,E)})));return i.displayName="Editor",i.defaultProps={__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null},e.Editor=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
1
+ this.primereact=this.primereact||{},this.primereact.editor=function(e,t,r,n){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var i=l.memo(l.forwardRef((function(e,t){var a=l.useRef(null),c=l.useRef(null),u=l.useRef(null),m=l.useRef(!1),p=function(){return u.current};r.useMountEffect((function(){m.current||(import("quill").then((function(t){if(t&&n.DomHandler.isExist(a.current)){var r={modules:s({toolbar:!!e.showHeader&&c.current},e.modules),placeholder:e.placeholder,readOnly:e.readOnly,theme:e.theme,formats:e.formats};u.current=t.default?new t.default(a.current,r):new t(a.current,r),e.value&&u.current.setContents(u.current.clipboard.convert(e.value)),u.current.on("text-change",(function(t,r){var n=a.current.children[0],l=n?n.innerHTML:null,o=u.current.getText();"<p><br></p>"===l&&(l=null),e.onTextChange&&e.onTextChange({htmlValue:l,textValue:o,delta:t,source:r})})),u.current.on("selection-change",(function(t,r,n){e.onSelectionChange&&e.onSelectionChange({range:t,oldRange:r,source:n})}))}})).then((function(){u.current&&u.current.getModule("toolbar")&&e.onLoad&&e.onLoad(u.current)})),m.current=!0)})),r.useUpdateEffect((function(){u.current&&!u.current.hasFocus()&&(e.value?u.current.setContents(u.current.clipboard.convert(e.value)):u.current.setText(""))}),[e.value]),l.useImperativeHandle(t,(function(){return{getQuill:p}}));var d=n.ObjectUtils.findDiffKeys(e,i.defaultProps),f=n.classNames("p-component p-editor-container",e.className),b=!1===e.showHeader?null:e.headerTemplate?l.createElement("div",{ref:c,className:"p-editor-toolbar"},e.headerTemplate):l.createElement("div",{ref:c,className:"p-editor-toolbar"},l.createElement("span",{className:"ql-formats"},l.createElement("select",{className:"ql-header",defaultValue:"0"},l.createElement("option",{value:"1"},"Heading"),l.createElement("option",{value:"2"},"Subheading"),l.createElement("option",{value:"0"},"Normal")),l.createElement("select",{className:"ql-font"},l.createElement("option",null),l.createElement("option",{value:"serif"}),l.createElement("option",{value:"monospace"}))),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),l.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),l.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),l.createElement("span",{className:"ql-formats"},l.createElement("select",{className:"ql-color"}),l.createElement("select",{className:"ql-background"})),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),l.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),l.createElement("select",{className:"ql-align"},l.createElement("option",{defaultValue:!0}),l.createElement("option",{value:"center"}),l.createElement("option",{value:"right"}),l.createElement("option",{value:"justify"}))),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),l.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),l.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),E=l.createElement("div",{ref:a,className:"p-editor-content",style:e.style});return l.createElement("div",o({id:e.id,className:f},d),b,E)})));return i.displayName="Editor",i.defaultProps={__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null},e.Editor=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
@@ -150,18 +150,24 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
150
150
  focusedState = _React$useState6[0],
151
151
  setFocusedState = _React$useState6[1];
152
152
 
153
+ var _React$useState7 = React__namespace.useState(false),
154
+ _React$useState8 = _slicedToArray(_React$useState7, 2),
155
+ uploadingState = _React$useState8[0],
156
+ setUploadingState = _React$useState8[1];
157
+
153
158
  var fileInputRef = React__namespace.useRef(null);
154
159
  var messagesRef = React__namespace.useRef(null);
155
160
  var contentRef = React__namespace.useRef(null);
156
161
  var duplicateIEEvent = React__namespace.useRef(false);
157
162
  var uploadedFileCount = React__namespace.useRef(0);
158
163
  var hasFiles = utils.ObjectUtils.isNotEmpty(filesState);
164
+ var disabled = props.disabled || uploadingState;
159
165
  var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || api.localeOption('choose');
160
166
  var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || api.localeOption('upload');
161
167
  var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || api.localeOption('cancel');
162
- var chooseDisabled = props.disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
163
- var uploadDisabled = props.disabled || !hasFiles;
164
- var cancelDisabled = props.disabled || !hasFiles;
168
+ var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
169
+ var uploadDisabled = disabled || !hasFiles;
170
+ var cancelDisabled = disabled || !hasFiles;
165
171
 
166
172
  var isImage = function isImage(file) {
167
173
  return /^image\//.test(file.type);
@@ -216,7 +222,12 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
216
222
  return;
217
223
  }
218
224
 
219
- var currentFiles = filesState ? _toConsumableArray(filesState) : [];
225
+ var currentFiles = [];
226
+
227
+ if (props.multiple) {
228
+ currentFiles = filesState ? _toConsumableArray(filesState) : [];
229
+ }
230
+
220
231
  var selectedFiles = event.dataTransfer ? event.dataTransfer.files : event.target.files;
221
232
 
222
233
  for (var i = 0; i < selectedFiles.length; i++) {
@@ -288,6 +299,10 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
288
299
  var upload = function upload(files) {
289
300
  files = files || filesState;
290
301
 
302
+ if (files && files.nativeEvent) {
303
+ files = filesState;
304
+ }
305
+
291
306
  if (props.customUpload) {
292
307
  if (props.fileLimit) {
293
308
  uploadedFileCount + files.length, _readOnlyError("uploadedFileCount");
@@ -303,6 +318,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
303
318
  });
304
319
  }
305
320
  } else {
321
+ setUploadingState(true);
306
322
  var xhr = new XMLHttpRequest();
307
323
  var formData = new FormData();
308
324
 
@@ -344,6 +360,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
344
360
  xhr.onreadystatechange = function () {
345
361
  if (xhr.readyState === 4) {
346
362
  setProgressState(0);
363
+ setUploadingState(false);
347
364
 
348
365
  if (xhr.status >= 200 && xhr.status < 300) {
349
366
  if (props.fileLimit) {
@@ -385,6 +402,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
385
402
 
386
403
  var clear = function clear() {
387
404
  setFilesState([]);
405
+ setUploadingState(false);
388
406
  props.onClear && props.onClear();
389
407
  clearInput();
390
408
  };
@@ -409,7 +427,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
409
427
  };
410
428
 
411
429
  var onDragEnter = function onDragEnter(event) {
412
- if (!props.disabled) {
430
+ if (!disabled) {
413
431
  event.dataTransfer.dropEffect = 'copy';
414
432
  event.stopPropagation();
415
433
  event.preventDefault();
@@ -417,7 +435,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
417
435
  };
418
436
 
419
437
  var onDragOver = function onDragOver(event) {
420
- if (!props.disabled) {
438
+ if (!disabled) {
421
439
  event.dataTransfer.dropEffect = 'copy';
422
440
  utils.DomHandler.addClass(contentRef.current, 'p-fileupload-highlight');
423
441
  event.stopPropagation();
@@ -426,25 +444,32 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
426
444
  };
427
445
 
428
446
  var onDragLeave = function onDragLeave(event) {
429
- if (!props.disabled) {
447
+ if (!disabled) {
430
448
  event.dataTransfer.dropEffect = 'copy';
431
449
  utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
432
450
  }
433
451
  };
434
452
 
435
453
  var onDrop = function onDrop(event) {
436
- if (!props.disabled) {
437
- utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
438
- event.stopPropagation();
439
- event.preventDefault();
440
- var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
441
- var allowDrop = props.multiple || files && files.length === 0;
442
- allowDrop && onFileSelect(event);
454
+ if (props.disabled) {
455
+ return;
456
+ }
457
+
458
+ utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
459
+ event.stopPropagation();
460
+ event.preventDefault(); // give caller a chance to stop the drop
461
+
462
+ if (props.onBeforeDrop && props.onBeforeDrop(event) === false) {
463
+ return;
443
464
  }
465
+
466
+ var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
467
+ var allowDrop = props.multiple || utils.ObjectUtils.isEmpty(filesState) && files && files.length === 1;
468
+ allowDrop && onFileSelect(event);
444
469
  };
445
470
 
446
471
  var onSimpleUploaderClick = function onSimpleUploaderClick() {
447
- hasFiles ? upload() : fileInputRef.current.click();
472
+ !disabled && hasFiles ? upload() : fileInputRef.current.click();
448
473
  };
449
474
 
450
475
  React__namespace.useImperativeHandle(ref, function () {
@@ -462,7 +487,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
462
487
  _icon = _props$chooseOptions.icon,
463
488
  iconOnly = _props$chooseOptions.iconOnly;
464
489
  var chooseClassName = utils.classNames('p-button p-fileupload-choose p-component', {
465
- 'p-disabled': props.disabled,
490
+ 'p-disabled': disabled,
466
491
  'p-focus': focusedState,
467
492
  'p-button-icon-only': iconOnly
468
493
  }, className);
@@ -516,7 +541,8 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
516
541
  icon: "pi pi-times",
517
542
  onClick: function onClick(e) {
518
543
  return remove(e, index);
519
- }
544
+ },
545
+ disabled: disabled
520
546
  }));
521
547
  var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, preview, fileName, size, removeButton);
522
548
 
@@ -643,7 +669,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
643
669
  var className = utils.classNames('p-fileupload p-fileupload-basic p-component', props.className);
644
670
  var buttonClassName = utils.classNames('p-button p-component p-fileupload-choose', {
645
671
  'p-fileupload-choose-selected': hasFiles,
646
- 'p-disabled': props.disabled,
672
+ 'p-disabled': disabled,
647
673
  'p-focus': focusedState
648
674
  }, chooseOptions.className);
649
675
  var chooseIcon = chooseOptions.icon || utils.classNames({
@@ -673,7 +699,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
673
699
  type: "file",
674
700
  accept: props.accept,
675
701
  multiple: props.multiple,
676
- disabled: props.disabled,
702
+ disabled: disabled,
677
703
  onChange: onFileSelect
678
704
  });
679
705
  return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -747,6 +773,7 @@ FileUpload.defaultProps = {
747
773
  progressBarTemplate: null,
748
774
  onBeforeUpload: null,
749
775
  onBeforeSend: null,
776
+ onBeforeDrop: null,
750
777
  onUpload: null,
751
778
  onError: null,
752
779
  onClear: null,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),l=require("primereact/messages"),a=require("primereact/progressbar"),r=require("primereact/ripple"),o=require("primereact/utils");function i(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 s=i(e);function c(){return c=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},c.apply(this,arguments)}function u(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 p(e){if(Array.isArray(e))return u(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function f(){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 y(e){return p(e)||d(e)||m(e)||f()}function b(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function h(){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 g(e,t){return b(e)||v(e,t)||m(e,t)||h()}function E(e){throw new TypeError('"'+e+'" is read-only')}function S(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=O(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,a=function(){};return{s:a,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:a}}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 r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function O(e,t){if(e){if("string"==typeof e)return N(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)?N(e,t):void 0}}function N(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}var w=s.memo(s.forwardRef((function(e,i){var u=g(s.useState([]),2),p=u[0],d=u[1],m=g(s.useState(0),2),f=m[0],b=m[1],v=g(s.useState(!1),2),h=v[0],O=v[1],N=s.useRef(null),B=s.useRef(null),T=s.useRef(null),U=s.useRef(!1),j=s.useRef(0),C=o.ObjectUtils.isNotEmpty(p),F=e.chooseLabel||e.chooseOptions.label||t.localeOption("choose"),M=e.uploadLabel||e.uploadOptions.label||t.localeOption("upload"),z=e.cancelLabel||e.cancelOptions.label||t.localeOption("cancel"),D=e.disabled||e.fileLimit&&e.fileLimit<=p.length+j,I=e.disabled||!C,L=e.disabled||!C,x=function(e){return/^image\//.test(e.type)},P=function(t,n){R();var l=y(p),a=p[n];l.splice(n,1),d(l),e.onRemove&&e.onRemove({originalEvent:t,file:a})},R=function(){N.current&&(N.current.value="")},A=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},k=function(t){if("drop"!==t.type&&_()&&U.current)U.current=!1;else{for(var n=p?y(p):[],l=t.dataTransfer?t.dataTransfer.files:t.target.files,a=0;a<l.length;a++){var r=l[a];!H(r)&&q(r)&&(x(r)&&(r.objectURL=window.URL.createObjectURL(r)),n.push(r))}d(n),o.ObjectUtils.isNotEmpty(n)&&e.auto&&X(n),e.onSelect&&e.onSelect({originalEvent:t,files:l}),"drop"!==t.type&&_()?N.current&&(U.current=!0,N.current.value=""):R(),"basic"===e.mode&&n.length>0&&(N.current.style.display="none")}},H=function(e){return p.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},_=function(){return!!window.MSInputMethodContext&&!!document.documentMode},q=function(t){if(e.maxFileSize&&t.size>e.maxFileSize){var n={severity:"error",summary:e.invalidFileSizeMessageSummary.replace("{0}",t.name),detail:e.invalidFileSizeMessageDetail.replace("{0}",A(e.maxFileSize)),sticky:!0};return"advanced"===e.mode&&B.current.show(n),e.onValidationFail&&e.onValidationFail(t),!1}return!0},X=function(t){if(t=t||p,e.customUpload)e.fileLimit&&E("uploadedFileCount"),e.uploadHandler&&e.uploadHandler({files:t,options:{clear:J,props:e}});else{var n=new XMLHttpRequest,l=new FormData;e.onBeforeUpload&&e.onBeforeUpload({xhr:n,formData:l});var a,r=S(t);try{for(r.s();!(a=r.n()).done;){var o=a.value;l.append(e.name,o,o.name)}}catch(e){r.e(e)}finally{r.f()}n.upload.addEventListener("progress",(function(t){if(t.lengthComputable){var n=Math.round(100*t.loaded/t.total);b(n),e.onProgress&&e.onProgress({originalEvent:t,progress:n})}})),n.onreadystatechange=function(){4===n.readyState&&(b(0),n.status>=200&&n.status<300?(e.fileLimit&&E("uploadedFileCount"),e.onUpload&&e.onUpload({xhr:n,files:t})):e.onError&&e.onError({xhr:n,files:t}),J())},n.open("POST",e.url,!0),e.onBeforeSend&&e.onBeforeSend({xhr:n,formData:l}),n.withCredentials=e.withCredentials,n.send(l)}},J=function(){d([]),e.onClear&&e.onClear(),R()},K=function(){N.current.click()},V=function(){O(!0)},W=function(){O(!1)},Y=function(e){13===e.which&&K()},$=function(t){e.disabled||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault())},G=function(t){e.disabled||(t.dataTransfer.dropEffect="copy",o.DomHandler.addClass(T.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault())},Z=function(t){e.disabled||(t.dataTransfer.dropEffect="copy",o.DomHandler.removeClass(T.current,"p-fileupload-highlight"))},Q=function(t){if(!e.disabled){o.DomHandler.removeClass(T.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault();var n=t.dataTransfer?t.dataTransfer.files:t.target.files;(e.multiple||n&&0===n.length)&&k(t)}},ee=function(){C?X():N.current.click()};s.useImperativeHandle(i,(function(){return{upload:X,clear:J,formatSize:A}}));var te,ne,le,ae,re,oe,ie,se,ce,ue,pe=function(t,l){var a=t.name+t.type+t.size,r=x(t)?s.createElement("div",null,s.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:e.previewWidth})):null,i=s.createElement("div",{className:"p-fileupload-filename"},t.name),c=s.createElement("div",null,A(t.size)),u=s.createElement("div",null,s.createElement(n.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return P(e,l)}})),p=s.createElement(s.Fragment,null,r,i,c,u);if(e.itemTemplate){var d={onRemove:function(e){return P(e,l)},previewElement:r,fileNameElement:i,sizeElement:c,removeElement:u,formatSize:A(t.size),element:p,props:e};p=o.ObjectUtils.getJSXElement(e.itemTemplate,t,d)}return s.createElement("div",{className:"p-fileupload-row",key:a},p)};return"advanced"===e.mode?function(){var t,i,u,d,m,y,b,v,g,E,S,O,U,j,x=o.ObjectUtils.findDiffKeys(e,w.defaultProps),P=o.classNames("p-fileupload p-fileupload-advanced p-component",e.className),R=o.classNames("p-fileupload-buttonbar",e.headerClassName),A=o.classNames("p-fileupload-content",e.contentClassName),H=(i=(t=e.chooseOptions).style,u=t.icon,m=o.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":h,"p-button-icon-only":d=t.iconOnly},t.className),y="p-button-label p-clickable",b=d?s.createElement("span",{className:y,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):s.createElement("span",{className:y},F),v=s.createElement("input",{ref:N,type:"file",onChange:k,multiple:e.multiple,accept:e.accept,disabled:D}),g=o.IconUtils.getJSXIcon(u||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:e}),s.createElement("span",{className:m,style:i,onClick:K,onKeyDown:Y,onFocus:V,onBlur:W,tabIndex:0},v,g,b,s.createElement(r.Ripple,null))),_=e.emptyTemplate&&!C?o.ObjectUtils.getJSXElement(e.emptyTemplate,e):null;if(!e.auto){var q=e.uploadOptions,ee=e.cancelOptions,te=ee.iconOnly?"":z;E=s.createElement(n.Button,{type:"button",label:q.iconOnly?"":M,icon:q.icon||"pi pi-upload",onClick:X,disabled:I,style:q.style,className:q.className}),S=s.createElement(n.Button,{type:"button",label:te,icon:ee.icon||"pi pi-times",onClick:J,disabled:L,style:ee.style,className:ee.className})}C&&(j=p.map(pe),O=s.createElement("div",{className:"p-fileupload-files"},j),U=e.progressBarTemplate?o.ObjectUtils.getJSXElement(e.progressBarTemplate,e):s.createElement(a.ProgressBar,{value:f,showValue:!1}));var ne=s.createElement("div",{className:R,style:e.headerStyle},H,E,S);e.headerTemplate&&(ne=o.ObjectUtils.getJSXElement(e.headerTemplate,{className:R,chooseButton:H,uploadButton:E,cancelButton:S,element:ne,props:e}));return s.createElement("div",c({id:e.id,className:P,style:e.style},x),ne,s.createElement("div",{ref:T,className:A,style:e.contentStyle,onDragEnter:$,onDragOver:G,onDragLeave:Z,onDrop:Q},U,s.createElement(l.Messages,{ref:B}),O,_))}():"basic"===e.mode?(te=e.chooseOptions,ne=o.ObjectUtils.findDiffKeys(e,w.defaultProps),le=o.classNames("p-fileupload p-fileupload-basic p-component",e.className),ae=o.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":C,"p-disabled":e.disabled,"p-focus":h},te.className),re=te.icon||o.classNames({"pi pi-plus":!te.icon&&(!C||e.auto),"pi pi-upload":!te.icon&&C&&!e.auto}),oe="p-button-label p-clickable",ie=te.iconOnly?s.createElement("span",{className:oe,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):s.createElement("span",{className:oe},F),se=e.auto?ie:s.createElement("span",{className:oe},C?p[0].name:ie),ce=o.IconUtils.getJSXIcon(re,{className:"p-button-icon p-button-icon-left"},{props:e,hasFiles:C}),ue=!C&&s.createElement("input",{ref:N,type:"file",accept:e.accept,multiple:e.multiple,disabled:e.disabled,onChange:k}),s.createElement("div",c({className:le,style:e.style},ne),s.createElement(l.Messages,{ref:B}),s.createElement("span",{className:ae,style:te.style,onMouseUp:ee,onKeyDown:Y,onFocus:V,onBlur:W,tabIndex:0},ce,se,ue,s.createElement(r.Ripple,null)))):void 0})));w.displayName="FileUpload",w.defaultProps={__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null},exports.FileUpload=w;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),l=require("primereact/messages"),a=require("primereact/progressbar"),r=require("primereact/ripple"),o=require("primereact/utils");function i(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 s=i(e);function u(){return u=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},u.apply(this,arguments)}function c(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 p(e){if(Array.isArray(e))return c(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function f(){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 y(e){return p(e)||m(e)||d(e)||f()}function b(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function h(){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 g(e,t){return b(e)||v(e,t)||d(e,t)||h()}function E(e){throw new TypeError('"'+e+'" is read-only')}function S(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=O(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,a=function(){};return{s:a,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:a}}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 r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function O(e,t){if(e){if("string"==typeof e)return N(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)?N(e,t):void 0}}function N(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}var w=s.memo(s.forwardRef((function(e,i){var c=g(s.useState([]),2),p=c[0],m=c[1],d=g(s.useState(0),2),f=d[0],b=d[1],v=g(s.useState(!1),2),h=v[0],O=v[1],N=g(s.useState(!1),2),B=N[0],U=N[1],T=s.useRef(null),j=s.useRef(null),C=s.useRef(null),D=s.useRef(!1),F=s.useRef(0),M=o.ObjectUtils.isNotEmpty(p),z=e.disabled||B,I=e.chooseLabel||e.chooseOptions.label||t.localeOption("choose"),L=e.uploadLabel||e.uploadOptions.label||t.localeOption("upload"),x=e.cancelLabel||e.cancelOptions.label||t.localeOption("cancel"),P=z||e.fileLimit&&e.fileLimit<=p.length+F,R=z||!M,A=z||!M,k=function(e){return/^image\//.test(e.type)},H=function(t,n){_();var l=y(p),a=p[n];l.splice(n,1),m(l),e.onRemove&&e.onRemove({originalEvent:t,file:a})},_=function(){T.current&&(T.current.value="")},q=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},X=function(t){if("drop"!==t.type&&K()&&D.current)D.current=!1;else{var n=[];e.multiple&&(n=p?y(p):[]);for(var l=t.dataTransfer?t.dataTransfer.files:t.target.files,a=0;a<l.length;a++){var r=l[a];!J(r)&&V(r)&&(k(r)&&(r.objectURL=window.URL.createObjectURL(r)),n.push(r))}m(n),o.ObjectUtils.isNotEmpty(n)&&e.auto&&W(n),e.onSelect&&e.onSelect({originalEvent:t,files:l}),"drop"!==t.type&&K()?T.current&&(D.current=!0,T.current.value=""):_(),"basic"===e.mode&&n.length>0&&(T.current.style.display="none")}},J=function(e){return p.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},K=function(){return!!window.MSInputMethodContext&&!!document.documentMode},V=function(t){if(e.maxFileSize&&t.size>e.maxFileSize){var n={severity:"error",summary:e.invalidFileSizeMessageSummary.replace("{0}",t.name),detail:e.invalidFileSizeMessageDetail.replace("{0}",q(e.maxFileSize)),sticky:!0};return"advanced"===e.mode&&j.current.show(n),e.onValidationFail&&e.onValidationFail(t),!1}return!0},W=function(t){if((t=t||p)&&t.nativeEvent&&(t=p),e.customUpload)e.fileLimit&&E("uploadedFileCount"),e.uploadHandler&&e.uploadHandler({files:t,options:{clear:Y,props:e}});else{U(!0);var n=new XMLHttpRequest,l=new FormData;e.onBeforeUpload&&e.onBeforeUpload({xhr:n,formData:l});var a,r=S(t);try{for(r.s();!(a=r.n()).done;){var o=a.value;l.append(e.name,o,o.name)}}catch(e){r.e(e)}finally{r.f()}n.upload.addEventListener("progress",(function(t){if(t.lengthComputable){var n=Math.round(100*t.loaded/t.total);b(n),e.onProgress&&e.onProgress({originalEvent:t,progress:n})}})),n.onreadystatechange=function(){4===n.readyState&&(b(0),U(!1),n.status>=200&&n.status<300?(e.fileLimit&&E("uploadedFileCount"),e.onUpload&&e.onUpload({xhr:n,files:t})):e.onError&&e.onError({xhr:n,files:t}),Y())},n.open("POST",e.url,!0),e.onBeforeSend&&e.onBeforeSend({xhr:n,formData:l}),n.withCredentials=e.withCredentials,n.send(l)}},Y=function(){m([]),U(!1),e.onClear&&e.onClear(),_()},$=function(){T.current.click()},G=function(){O(!0)},Z=function(){O(!1)},Q=function(e){13===e.which&&$()},ee=function(e){z||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},te=function(e){z||(e.dataTransfer.dropEffect="copy",o.DomHandler.addClass(C.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},ne=function(e){z||(e.dataTransfer.dropEffect="copy",o.DomHandler.removeClass(C.current,"p-fileupload-highlight"))},le=function(t){if(!e.disabled&&(o.DomHandler.removeClass(C.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault(),!e.onBeforeDrop||!1!==e.onBeforeDrop(t))){var n=t.dataTransfer?t.dataTransfer.files:t.target.files;(e.multiple||o.ObjectUtils.isEmpty(p)&&n&&1===n.length)&&X(t)}},ae=function(){!z&&M?W():T.current.click()};s.useImperativeHandle(i,(function(){return{upload:W,clear:Y,formatSize:q}}));var re,oe,ie,se,ue,ce,pe,me,de,fe,ye=function(t,l){var a=t.name+t.type+t.size,r=k(t)?s.createElement("div",null,s.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:e.previewWidth})):null,i=s.createElement("div",{className:"p-fileupload-filename"},t.name),u=s.createElement("div",null,q(t.size)),c=s.createElement("div",null,s.createElement(n.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return H(e,l)},disabled:z})),p=s.createElement(s.Fragment,null,r,i,u,c);if(e.itemTemplate){var m={onRemove:function(e){return H(e,l)},previewElement:r,fileNameElement:i,sizeElement:u,removeElement:c,formatSize:q(t.size),element:p,props:e};p=o.ObjectUtils.getJSXElement(e.itemTemplate,t,m)}return s.createElement("div",{className:"p-fileupload-row",key:a},p)};return"advanced"===e.mode?function(){var t,i,c,m,d,y,b,v,g,E,S,O,N,B,U=o.ObjectUtils.findDiffKeys(e,w.defaultProps),D=o.classNames("p-fileupload p-fileupload-advanced p-component",e.className),F=o.classNames("p-fileupload-buttonbar",e.headerClassName),k=o.classNames("p-fileupload-content",e.contentClassName),H=(i=(t=e.chooseOptions).style,c=t.icon,d=o.classNames("p-button p-fileupload-choose p-component",{"p-disabled":z,"p-focus":h,"p-button-icon-only":m=t.iconOnly},t.className),y="p-button-label p-clickable",b=m?s.createElement("span",{className:y,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):s.createElement("span",{className:y},I),v=s.createElement("input",{ref:T,type:"file",onChange:X,multiple:e.multiple,accept:e.accept,disabled:P}),g=o.IconUtils.getJSXIcon(c||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:e}),s.createElement("span",{className:d,style:i,onClick:$,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},v,g,b,s.createElement(r.Ripple,null))),_=e.emptyTemplate&&!M?o.ObjectUtils.getJSXElement(e.emptyTemplate,e):null;if(!e.auto){var q=e.uploadOptions,J=e.cancelOptions,K=J.iconOnly?"":x;E=s.createElement(n.Button,{type:"button",label:q.iconOnly?"":L,icon:q.icon||"pi pi-upload",onClick:W,disabled:R,style:q.style,className:q.className}),S=s.createElement(n.Button,{type:"button",label:K,icon:J.icon||"pi pi-times",onClick:Y,disabled:A,style:J.style,className:J.className})}M&&(B=p.map(ye),O=s.createElement("div",{className:"p-fileupload-files"},B),N=e.progressBarTemplate?o.ObjectUtils.getJSXElement(e.progressBarTemplate,e):s.createElement(a.ProgressBar,{value:f,showValue:!1}));var V=s.createElement("div",{className:F,style:e.headerStyle},H,E,S);e.headerTemplate&&(V=o.ObjectUtils.getJSXElement(e.headerTemplate,{className:F,chooseButton:H,uploadButton:E,cancelButton:S,element:V,props:e}));return s.createElement("div",u({id:e.id,className:D,style:e.style},U),V,s.createElement("div",{ref:C,className:k,style:e.contentStyle,onDragEnter:ee,onDragOver:te,onDragLeave:ne,onDrop:le},N,s.createElement(l.Messages,{ref:j}),O,_))}():"basic"===e.mode?(re=e.chooseOptions,oe=o.ObjectUtils.findDiffKeys(e,w.defaultProps),ie=o.classNames("p-fileupload p-fileupload-basic p-component",e.className),se=o.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":M,"p-disabled":z,"p-focus":h},re.className),ue=re.icon||o.classNames({"pi pi-plus":!re.icon&&(!M||e.auto),"pi pi-upload":!re.icon&&M&&!e.auto}),ce="p-button-label p-clickable",pe=re.iconOnly?s.createElement("span",{className:ce,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):s.createElement("span",{className:ce},I),me=e.auto?pe:s.createElement("span",{className:ce},M?p[0].name:pe),de=o.IconUtils.getJSXIcon(ue,{className:"p-button-icon p-button-icon-left"},{props:e,hasFiles:M}),fe=!M&&s.createElement("input",{ref:T,type:"file",accept:e.accept,multiple:e.multiple,disabled:z,onChange:X}),s.createElement("div",u({className:ie,style:e.style},oe),s.createElement(l.Messages,{ref:j}),s.createElement("span",{className:se,style:re.style,onMouseUp:ae,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},de,me,fe,s.createElement(r.Ripple,null)))):void 0})));w.displayName="FileUpload",w.defaultProps={__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null},exports.FileUpload=w;
@@ -114,6 +114,7 @@ interface FileUploadProps {
114
114
  progressBarTemplate?: FileUploadProgressBarTemplateType;
115
115
  onBeforeUpload?(e: FileUploadBeforeUploadParams): void;
116
116
  onBeforeSend?(e: FileUploadBeforeSendParams): void;
117
+ onBeforeDrop?(e: DragEvent): void;
117
118
  onUpload?(e: FileUploadUploadParams): void;
118
119
  onError?(e: FileUploadErrorParams): void;
119
120
  onClear?(): void;
@@ -126,18 +126,24 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
126
126
  focusedState = _React$useState6[0],
127
127
  setFocusedState = _React$useState6[1];
128
128
 
129
+ var _React$useState7 = React.useState(false),
130
+ _React$useState8 = _slicedToArray(_React$useState7, 2),
131
+ uploadingState = _React$useState8[0],
132
+ setUploadingState = _React$useState8[1];
133
+
129
134
  var fileInputRef = React.useRef(null);
130
135
  var messagesRef = React.useRef(null);
131
136
  var contentRef = React.useRef(null);
132
137
  var duplicateIEEvent = React.useRef(false);
133
138
  var uploadedFileCount = React.useRef(0);
134
139
  var hasFiles = ObjectUtils.isNotEmpty(filesState);
140
+ var disabled = props.disabled || uploadingState;
135
141
  var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || localeOption('choose');
136
142
  var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || localeOption('upload');
137
143
  var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || localeOption('cancel');
138
- var chooseDisabled = props.disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
139
- var uploadDisabled = props.disabled || !hasFiles;
140
- var cancelDisabled = props.disabled || !hasFiles;
144
+ var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
145
+ var uploadDisabled = disabled || !hasFiles;
146
+ var cancelDisabled = disabled || !hasFiles;
141
147
 
142
148
  var isImage = function isImage(file) {
143
149
  return /^image\//.test(file.type);
@@ -192,7 +198,12 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
192
198
  return;
193
199
  }
194
200
 
195
- var currentFiles = filesState ? _toConsumableArray(filesState) : [];
201
+ var currentFiles = [];
202
+
203
+ if (props.multiple) {
204
+ currentFiles = filesState ? _toConsumableArray(filesState) : [];
205
+ }
206
+
196
207
  var selectedFiles = event.dataTransfer ? event.dataTransfer.files : event.target.files;
197
208
 
198
209
  for (var i = 0; i < selectedFiles.length; i++) {
@@ -264,6 +275,10 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
264
275
  var upload = function upload(files) {
265
276
  files = files || filesState;
266
277
 
278
+ if (files && files.nativeEvent) {
279
+ files = filesState;
280
+ }
281
+
267
282
  if (props.customUpload) {
268
283
  if (props.fileLimit) {
269
284
  uploadedFileCount + files.length, _readOnlyError("uploadedFileCount");
@@ -279,6 +294,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
279
294
  });
280
295
  }
281
296
  } else {
297
+ setUploadingState(true);
282
298
  var xhr = new XMLHttpRequest();
283
299
  var formData = new FormData();
284
300
 
@@ -320,6 +336,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
320
336
  xhr.onreadystatechange = function () {
321
337
  if (xhr.readyState === 4) {
322
338
  setProgressState(0);
339
+ setUploadingState(false);
323
340
 
324
341
  if (xhr.status >= 200 && xhr.status < 300) {
325
342
  if (props.fileLimit) {
@@ -361,6 +378,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
361
378
 
362
379
  var clear = function clear() {
363
380
  setFilesState([]);
381
+ setUploadingState(false);
364
382
  props.onClear && props.onClear();
365
383
  clearInput();
366
384
  };
@@ -385,7 +403,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
385
403
  };
386
404
 
387
405
  var onDragEnter = function onDragEnter(event) {
388
- if (!props.disabled) {
406
+ if (!disabled) {
389
407
  event.dataTransfer.dropEffect = 'copy';
390
408
  event.stopPropagation();
391
409
  event.preventDefault();
@@ -393,7 +411,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
393
411
  };
394
412
 
395
413
  var onDragOver = function onDragOver(event) {
396
- if (!props.disabled) {
414
+ if (!disabled) {
397
415
  event.dataTransfer.dropEffect = 'copy';
398
416
  DomHandler.addClass(contentRef.current, 'p-fileupload-highlight');
399
417
  event.stopPropagation();
@@ -402,25 +420,32 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
402
420
  };
403
421
 
404
422
  var onDragLeave = function onDragLeave(event) {
405
- if (!props.disabled) {
423
+ if (!disabled) {
406
424
  event.dataTransfer.dropEffect = 'copy';
407
425
  DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
408
426
  }
409
427
  };
410
428
 
411
429
  var onDrop = function onDrop(event) {
412
- if (!props.disabled) {
413
- DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
414
- event.stopPropagation();
415
- event.preventDefault();
416
- var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
417
- var allowDrop = props.multiple || files && files.length === 0;
418
- allowDrop && onFileSelect(event);
430
+ if (props.disabled) {
431
+ return;
432
+ }
433
+
434
+ DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
435
+ event.stopPropagation();
436
+ event.preventDefault(); // give caller a chance to stop the drop
437
+
438
+ if (props.onBeforeDrop && props.onBeforeDrop(event) === false) {
439
+ return;
419
440
  }
441
+
442
+ var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
443
+ var allowDrop = props.multiple || ObjectUtils.isEmpty(filesState) && files && files.length === 1;
444
+ allowDrop && onFileSelect(event);
420
445
  };
421
446
 
422
447
  var onSimpleUploaderClick = function onSimpleUploaderClick() {
423
- hasFiles ? upload() : fileInputRef.current.click();
448
+ !disabled && hasFiles ? upload() : fileInputRef.current.click();
424
449
  };
425
450
 
426
451
  React.useImperativeHandle(ref, function () {
@@ -438,7 +463,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
438
463
  _icon = _props$chooseOptions.icon,
439
464
  iconOnly = _props$chooseOptions.iconOnly;
440
465
  var chooseClassName = classNames('p-button p-fileupload-choose p-component', {
441
- 'p-disabled': props.disabled,
466
+ 'p-disabled': disabled,
442
467
  'p-focus': focusedState,
443
468
  'p-button-icon-only': iconOnly
444
469
  }, className);
@@ -492,7 +517,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
492
517
  icon: "pi pi-times",
493
518
  onClick: function onClick(e) {
494
519
  return remove(e, index);
495
- }
520
+ },
521
+ disabled: disabled
496
522
  }));
497
523
  var content = /*#__PURE__*/React.createElement(React.Fragment, null, preview, fileName, size, removeButton);
498
524
 
@@ -619,7 +645,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
619
645
  var className = classNames('p-fileupload p-fileupload-basic p-component', props.className);
620
646
  var buttonClassName = classNames('p-button p-component p-fileupload-choose', {
621
647
  'p-fileupload-choose-selected': hasFiles,
622
- 'p-disabled': props.disabled,
648
+ 'p-disabled': disabled,
623
649
  'p-focus': focusedState
624
650
  }, chooseOptions.className);
625
651
  var chooseIcon = chooseOptions.icon || classNames({
@@ -649,7 +675,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
649
675
  type: "file",
650
676
  accept: props.accept,
651
677
  multiple: props.multiple,
652
- disabled: props.disabled,
678
+ disabled: disabled,
653
679
  onChange: onFileSelect
654
680
  });
655
681
  return /*#__PURE__*/React.createElement("div", _extends({
@@ -723,6 +749,7 @@ FileUpload.defaultProps = {
723
749
  progressBarTemplate: null,
724
750
  onBeforeUpload: null,
725
751
  onBeforeSend: null,
752
+ onBeforeDrop: null,
726
753
  onUpload: null,
727
754
  onError: null,
728
755
  onClear: null,
@@ -1 +1 @@
1
- import*as e from"react";import{localeOption as t}from"primereact/api";import{Button as n}from"primereact/button";import{Messages as l}from"primereact/messages";import{ProgressBar as a}from"primereact/progressbar";import{Ripple as r}from"primereact/ripple";import{ObjectUtils as o,classNames as i,IconUtils as s,DomHandler as u}from"primereact/utils";function c(){return c=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},c.apply(this,arguments)}function p(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 m(e){if(Array.isArray(e))return p(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function y(){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 b(e){return m(e)||d(e)||f(e)||y()}function v(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function g(){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 E(e,t){return v(e)||h(e,t)||f(e,t)||g()}function S(e){throw new TypeError('"'+e+'" is read-only')}function N(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=w(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,a=function(){};return{s:a,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:a}}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 r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function w(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function T(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}var O=e.memo(e.forwardRef((function(p,m){var d=E(e.useState([]),2),f=d[0],y=d[1],v=E(e.useState(0),2),h=v[0],g=v[1],w=E(e.useState(!1),2),T=w[0],C=w[1],B=e.useRef(null),F=e.useRef(null),z=e.useRef(null),L=e.useRef(!1),M=e.useRef(0),I=o.isNotEmpty(f),U=p.chooseLabel||p.chooseOptions.label||t("choose"),x=p.uploadLabel||p.uploadOptions.label||t("upload"),D=p.cancelLabel||p.cancelOptions.label||t("cancel"),A=p.disabled||p.fileLimit&&p.fileLimit<=f.length+M,R=p.disabled||!I,P=p.disabled||!I,j=function(e){return/^image\//.test(e.type)},k=function(e,t){H();var n=b(f),l=f[t];n.splice(t,1),y(n),p.onRemove&&p.onRemove({originalEvent:e,file:l})},H=function(){B.current&&(B.current.value="")},X=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},J=function(e){if("drop"!==e.type&&K()&&L.current)L.current=!1;else{for(var t=f?b(f):[],n=e.dataTransfer?e.dataTransfer.files:e.target.files,l=0;l<n.length;l++){var a=n[l];!_(a)&&V(a)&&(j(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}y(t),o.isNotEmpty(t)&&p.auto&&W(t),p.onSelect&&p.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&K()?B.current&&(L.current=!0,B.current.value=""):H(),"basic"===p.mode&&t.length>0&&(B.current.style.display="none")}},_=function(e){return f.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},K=function(){return!!window.MSInputMethodContext&&!!document.documentMode},V=function(e){if(p.maxFileSize&&e.size>p.maxFileSize){var t={severity:"error",summary:p.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:p.invalidFileSizeMessageDetail.replace("{0}",X(p.maxFileSize)),sticky:!0};return"advanced"===p.mode&&F.current.show(t),p.onValidationFail&&p.onValidationFail(e),!1}return!0},W=function(e){if(e=e||f,p.customUpload)p.fileLimit&&S("uploadedFileCount"),p.uploadHandler&&p.uploadHandler({files:e,options:{clear:Y,props:p}});else{var t=new XMLHttpRequest,n=new FormData;p.onBeforeUpload&&p.onBeforeUpload({xhr:t,formData:n});var l,a=N(e);try{for(a.s();!(l=a.n()).done;){var r=l.value;n.append(p.name,r,r.name)}}catch(e){a.e(e)}finally{a.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);g(t),p.onProgress&&p.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(g(0),t.status>=200&&t.status<300?(p.fileLimit&&S("uploadedFileCount"),p.onUpload&&p.onUpload({xhr:t,files:e})):p.onError&&p.onError({xhr:t,files:e}),Y())},t.open("POST",p.url,!0),p.onBeforeSend&&p.onBeforeSend({xhr:t,formData:n}),t.withCredentials=p.withCredentials,t.send(n)}},Y=function(){y([]),p.onClear&&p.onClear(),H()},$=function(){B.current.click()},q=function(){C(!0)},G=function(){C(!1)},Z=function(e){13===e.which&&$()},Q=function(e){p.disabled||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},ee=function(e){p.disabled||(e.dataTransfer.dropEffect="copy",u.addClass(z.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},te=function(e){p.disabled||(e.dataTransfer.dropEffect="copy",u.removeClass(z.current,"p-fileupload-highlight"))},ne=function(e){if(!p.disabled){u.removeClass(z.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(p.multiple||t&&0===t.length)&&J(e)}},le=function(){I?W():B.current.click()};e.useImperativeHandle(m,(function(){return{upload:W,clear:Y,formatSize:X}}));var ae,re,oe,ie,se,ue,ce,pe,me,de,fe=function(t,l){var a=t.name+t.type+t.size,r=j(t)?e.createElement("div",null,e.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:p.previewWidth})):null,i=e.createElement("div",{className:"p-fileupload-filename"},t.name),s=e.createElement("div",null,X(t.size)),u=e.createElement("div",null,e.createElement(n,{type:"button",icon:"pi pi-times",onClick:function(e){return k(e,l)}})),c=e.createElement(e.Fragment,null,r,i,s,u);if(p.itemTemplate){var m={onRemove:function(e){return k(e,l)},previewElement:r,fileNameElement:i,sizeElement:s,removeElement:u,formatSize:X(t.size),element:c,props:p};c=o.getJSXElement(p.itemTemplate,t,m)}return e.createElement("div",{className:"p-fileupload-row",key:a},c)};return"advanced"===p.mode?function(){var t,u,m,d,y,b,v,g,E,S,N,w,C,L,M=o.findDiffKeys(p,O.defaultProps),j=i("p-fileupload p-fileupload-advanced p-component",p.className),k=i("p-fileupload-buttonbar",p.headerClassName),H=i("p-fileupload-content",p.contentClassName),X=(u=(t=p.chooseOptions).style,m=t.icon,y=i("p-button p-fileupload-choose p-component",{"p-disabled":p.disabled,"p-focus":T,"p-button-icon-only":d=t.iconOnly},t.className),b="p-button-label p-clickable",v=d?e.createElement("span",{className:b,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:b},U),g=e.createElement("input",{ref:B,type:"file",onChange:J,multiple:p.multiple,accept:p.accept,disabled:A}),E=s.getJSXIcon(m||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:p}),e.createElement("span",{className:y,style:u,onClick:$,onKeyDown:Z,onFocus:q,onBlur:G,tabIndex:0},g,E,v,e.createElement(r,null))),_=p.emptyTemplate&&!I?o.getJSXElement(p.emptyTemplate,p):null;if(!p.auto){var K=p.uploadOptions,V=p.cancelOptions,le=V.iconOnly?"":D;S=e.createElement(n,{type:"button",label:K.iconOnly?"":x,icon:K.icon||"pi pi-upload",onClick:W,disabled:R,style:K.style,className:K.className}),N=e.createElement(n,{type:"button",label:le,icon:V.icon||"pi pi-times",onClick:Y,disabled:P,style:V.style,className:V.className})}I&&(L=f.map(fe),w=e.createElement("div",{className:"p-fileupload-files"},L),C=p.progressBarTemplate?o.getJSXElement(p.progressBarTemplate,p):e.createElement(a,{value:h,showValue:!1}));var ae=e.createElement("div",{className:k,style:p.headerStyle},X,S,N);p.headerTemplate&&(ae=o.getJSXElement(p.headerTemplate,{className:k,chooseButton:X,uploadButton:S,cancelButton:N,element:ae,props:p}));return e.createElement("div",c({id:p.id,className:j,style:p.style},M),ae,e.createElement("div",{ref:z,className:H,style:p.contentStyle,onDragEnter:Q,onDragOver:ee,onDragLeave:te,onDrop:ne},C,e.createElement(l,{ref:F}),w,_))}():"basic"===p.mode?(ae=p.chooseOptions,re=o.findDiffKeys(p,O.defaultProps),oe=i("p-fileupload p-fileupload-basic p-component",p.className),ie=i("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":I,"p-disabled":p.disabled,"p-focus":T},ae.className),se=ae.icon||i({"pi pi-plus":!ae.icon&&(!I||p.auto),"pi pi-upload":!ae.icon&&I&&!p.auto}),ue="p-button-label p-clickable",ce=ae.iconOnly?e.createElement("span",{className:ue,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:ue},U),pe=p.auto?ce:e.createElement("span",{className:ue},I?f[0].name:ce),me=s.getJSXIcon(se,{className:"p-button-icon p-button-icon-left"},{props:p,hasFiles:I}),de=!I&&e.createElement("input",{ref:B,type:"file",accept:p.accept,multiple:p.multiple,disabled:p.disabled,onChange:J}),e.createElement("div",c({className:oe,style:p.style},re),e.createElement(l,{ref:F}),e.createElement("span",{className:ie,style:ae.style,onMouseUp:le,onKeyDown:Z,onFocus:q,onBlur:G,tabIndex:0},me,pe,de,e.createElement(r,null)))):void 0})));O.displayName="FileUpload",O.defaultProps={__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null};export{O as FileUpload};
1
+ import*as e from"react";import{localeOption as t}from"primereact/api";import{Button as n}from"primereact/button";import{Messages as l}from"primereact/messages";import{ProgressBar as a}from"primereact/progressbar";import{Ripple as r}from"primereact/ripple";import{ObjectUtils as o,classNames as i,IconUtils as s,DomHandler as u}from"primereact/utils";function c(){return c=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},c.apply(this,arguments)}function p(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 m(e){if(Array.isArray(e))return p(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function y(){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 v(e){return m(e)||f(e)||d(e)||y()}function h(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function g(){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 E(e,t){return h(e)||b(e,t)||d(e,t)||g()}function S(e){throw new TypeError('"'+e+'" is read-only')}function N(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=w(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,a=function(){};return{s:a,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:a}}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 r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function w(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function T(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}var B=e.memo(e.forwardRef((function(p,m){var f=E(e.useState([]),2),d=f[0],y=f[1],h=E(e.useState(0),2),b=h[0],g=h[1],w=E(e.useState(!1),2),T=w[0],O=w[1],C=E(e.useState(!1),2),F=C[0],z=C[1],D=e.useRef(null),L=e.useRef(null),M=e.useRef(null),I=e.useRef(!1),U=e.useRef(0),x=o.isNotEmpty(d),A=p.disabled||F,R=p.chooseLabel||p.chooseOptions.label||t("choose"),P=p.uploadLabel||p.uploadOptions.label||t("upload"),j=p.cancelLabel||p.cancelOptions.label||t("cancel"),k=A||p.fileLimit&&p.fileLimit<=d.length+U,H=A||!x,X=A||!x,J=function(e){return/^image\//.test(e.type)},_=function(e,t){K();var n=v(d),l=d[t];n.splice(t,1),y(n),p.onRemove&&p.onRemove({originalEvent:e,file:l})},K=function(){D.current&&(D.current.value="")},V=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},W=function(e){if("drop"!==e.type&&$()&&I.current)I.current=!1;else{var t=[];p.multiple&&(t=d?v(d):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,l=0;l<n.length;l++){var a=n[l];!Y(a)&&q(a)&&(J(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}y(t),o.isNotEmpty(t)&&p.auto&&G(t),p.onSelect&&p.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&$()?D.current&&(I.current=!0,D.current.value=""):K(),"basic"===p.mode&&t.length>0&&(D.current.style.display="none")}},Y=function(e){return d.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},$=function(){return!!window.MSInputMethodContext&&!!document.documentMode},q=function(e){if(p.maxFileSize&&e.size>p.maxFileSize){var t={severity:"error",summary:p.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:p.invalidFileSizeMessageDetail.replace("{0}",V(p.maxFileSize)),sticky:!0};return"advanced"===p.mode&&L.current.show(t),p.onValidationFail&&p.onValidationFail(e),!1}return!0},G=function(e){if((e=e||d)&&e.nativeEvent&&(e=d),p.customUpload)p.fileLimit&&S("uploadedFileCount"),p.uploadHandler&&p.uploadHandler({files:e,options:{clear:Z,props:p}});else{z(!0);var t=new XMLHttpRequest,n=new FormData;p.onBeforeUpload&&p.onBeforeUpload({xhr:t,formData:n});var l,a=N(e);try{for(a.s();!(l=a.n()).done;){var r=l.value;n.append(p.name,r,r.name)}}catch(e){a.e(e)}finally{a.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);g(t),p.onProgress&&p.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(g(0),z(!1),t.status>=200&&t.status<300?(p.fileLimit&&S("uploadedFileCount"),p.onUpload&&p.onUpload({xhr:t,files:e})):p.onError&&p.onError({xhr:t,files:e}),Z())},t.open("POST",p.url,!0),p.onBeforeSend&&p.onBeforeSend({xhr:t,formData:n}),t.withCredentials=p.withCredentials,t.send(n)}},Z=function(){y([]),z(!1),p.onClear&&p.onClear(),K()},Q=function(){D.current.click()},ee=function(){O(!0)},te=function(){O(!1)},ne=function(e){13===e.which&&Q()},le=function(e){A||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},ae=function(e){A||(e.dataTransfer.dropEffect="copy",u.addClass(M.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},re=function(e){A||(e.dataTransfer.dropEffect="copy",u.removeClass(M.current,"p-fileupload-highlight"))},oe=function(e){if(!p.disabled&&(u.removeClass(M.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault(),!p.onBeforeDrop||!1!==p.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(p.multiple||o.isEmpty(d)&&t&&1===t.length)&&W(e)}},ie=function(){!A&&x?G():D.current.click()};e.useImperativeHandle(m,(function(){return{upload:G,clear:Z,formatSize:V}}));var se,ue,ce,pe,me,fe,de,ye,ve,he,be=function(t,l){var a=t.name+t.type+t.size,r=J(t)?e.createElement("div",null,e.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:p.previewWidth})):null,i=e.createElement("div",{className:"p-fileupload-filename"},t.name),s=e.createElement("div",null,V(t.size)),u=e.createElement("div",null,e.createElement(n,{type:"button",icon:"pi pi-times",onClick:function(e){return _(e,l)},disabled:A})),c=e.createElement(e.Fragment,null,r,i,s,u);if(p.itemTemplate){var m={onRemove:function(e){return _(e,l)},previewElement:r,fileNameElement:i,sizeElement:s,removeElement:u,formatSize:V(t.size),element:c,props:p};c=o.getJSXElement(p.itemTemplate,t,m)}return e.createElement("div",{className:"p-fileupload-row",key:a},c)};return"advanced"===p.mode?function(){var t,u,m,f,y,v,h,g,E,S,N,w,O,C,F=o.findDiffKeys(p,B.defaultProps),z=i("p-fileupload p-fileupload-advanced p-component",p.className),I=i("p-fileupload-buttonbar",p.headerClassName),U=i("p-fileupload-content",p.contentClassName),J=(u=(t=p.chooseOptions).style,m=t.icon,y=i("p-button p-fileupload-choose p-component",{"p-disabled":A,"p-focus":T,"p-button-icon-only":f=t.iconOnly},t.className),v="p-button-label p-clickable",h=f?e.createElement("span",{className:v,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:v},R),g=e.createElement("input",{ref:D,type:"file",onChange:W,multiple:p.multiple,accept:p.accept,disabled:k}),E=s.getJSXIcon(m||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:p}),e.createElement("span",{className:y,style:u,onClick:Q,onKeyDown:ne,onFocus:ee,onBlur:te,tabIndex:0},g,E,h,e.createElement(r,null))),_=p.emptyTemplate&&!x?o.getJSXElement(p.emptyTemplate,p):null;if(!p.auto){var K=p.uploadOptions,V=p.cancelOptions,Y=V.iconOnly?"":j;S=e.createElement(n,{type:"button",label:K.iconOnly?"":P,icon:K.icon||"pi pi-upload",onClick:G,disabled:H,style:K.style,className:K.className}),N=e.createElement(n,{type:"button",label:Y,icon:V.icon||"pi pi-times",onClick:Z,disabled:X,style:V.style,className:V.className})}x&&(C=d.map(be),w=e.createElement("div",{className:"p-fileupload-files"},C),O=p.progressBarTemplate?o.getJSXElement(p.progressBarTemplate,p):e.createElement(a,{value:b,showValue:!1}));var $=e.createElement("div",{className:I,style:p.headerStyle},J,S,N);p.headerTemplate&&($=o.getJSXElement(p.headerTemplate,{className:I,chooseButton:J,uploadButton:S,cancelButton:N,element:$,props:p}));return e.createElement("div",c({id:p.id,className:z,style:p.style},F),$,e.createElement("div",{ref:M,className:U,style:p.contentStyle,onDragEnter:le,onDragOver:ae,onDragLeave:re,onDrop:oe},O,e.createElement(l,{ref:L}),w,_))}():"basic"===p.mode?(se=p.chooseOptions,ue=o.findDiffKeys(p,B.defaultProps),ce=i("p-fileupload p-fileupload-basic p-component",p.className),pe=i("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":x,"p-disabled":A,"p-focus":T},se.className),me=se.icon||i({"pi pi-plus":!se.icon&&(!x||p.auto),"pi pi-upload":!se.icon&&x&&!p.auto}),fe="p-button-label p-clickable",de=se.iconOnly?e.createElement("span",{className:fe,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:fe},R),ye=p.auto?de:e.createElement("span",{className:fe},x?d[0].name:de),ve=s.getJSXIcon(me,{className:"p-button-icon p-button-icon-left"},{props:p,hasFiles:x}),he=!x&&e.createElement("input",{ref:D,type:"file",accept:p.accept,multiple:p.multiple,disabled:A,onChange:W}),e.createElement("div",c({className:ce,style:p.style},ue),e.createElement(l,{ref:L}),e.createElement("span",{className:pe,style:se.style,onMouseUp:ie,onKeyDown:ne,onFocus:ee,onBlur:te,tabIndex:0},ve,ye,he,e.createElement(r,null)))):void 0})));B.displayName="FileUpload",B.defaultProps={__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null};export{B as FileUpload};