primereact 10.5.0 → 10.5.2

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 (656) hide show
  1. package/api/api.cjs.js +94 -92
  2. package/api/api.cjs.min.js +1 -1
  3. package/api/api.d.ts +231 -13
  4. package/api/api.esm.js +94 -92
  5. package/api/api.esm.min.js +1 -1
  6. package/api/api.js +94 -92
  7. package/api/api.min.js +1 -1
  8. package/autocomplete/autocomplete.cjs.js +91 -48
  9. package/autocomplete/autocomplete.cjs.min.js +1 -1
  10. package/autocomplete/autocomplete.d.ts +6 -1
  11. package/autocomplete/autocomplete.esm.js +91 -48
  12. package/autocomplete/autocomplete.esm.min.js +1 -1
  13. package/autocomplete/autocomplete.js +91 -48
  14. package/autocomplete/autocomplete.min.js +1 -1
  15. package/blockui/blockui.cjs.js +13 -13
  16. package/blockui/blockui.cjs.min.js +1 -1
  17. package/blockui/blockui.esm.js +13 -13
  18. package/blockui/blockui.esm.min.js +1 -1
  19. package/blockui/blockui.js +13 -13
  20. package/blockui/blockui.min.js +1 -1
  21. package/breadcrumb/breadcrumb.cjs.js +4 -3
  22. package/breadcrumb/breadcrumb.cjs.min.js +1 -1
  23. package/breadcrumb/breadcrumb.esm.js +4 -3
  24. package/breadcrumb/breadcrumb.esm.min.js +1 -1
  25. package/breadcrumb/breadcrumb.js +4 -3
  26. package/breadcrumb/breadcrumb.min.js +1 -1
  27. package/button/button.cjs.js +2 -3
  28. package/button/button.cjs.min.js +1 -1
  29. package/button/button.esm.js +2 -3
  30. package/button/button.esm.min.js +1 -1
  31. package/button/button.js +2 -3
  32. package/button/button.min.js +1 -1
  33. package/calendar/calendar.cjs.js +30 -11
  34. package/calendar/calendar.cjs.min.js +1 -1
  35. package/calendar/calendar.d.ts +9 -0
  36. package/calendar/calendar.esm.js +30 -11
  37. package/calendar/calendar.esm.min.js +1 -1
  38. package/calendar/calendar.js +30 -11
  39. package/calendar/calendar.min.js +1 -1
  40. package/carousel/carousel.cjs.js +17 -15
  41. package/carousel/carousel.cjs.min.js +1 -1
  42. package/carousel/carousel.esm.js +4 -2
  43. package/carousel/carousel.esm.min.js +1 -1
  44. package/carousel/carousel.js +17 -15
  45. package/carousel/carousel.min.js +1 -1
  46. package/cascadeselect/cascadeselect.cjs.js +28 -14
  47. package/cascadeselect/cascadeselect.cjs.min.js +1 -1
  48. package/cascadeselect/cascadeselect.d.ts +5 -0
  49. package/cascadeselect/cascadeselect.esm.js +28 -14
  50. package/cascadeselect/cascadeselect.esm.min.js +1 -1
  51. package/cascadeselect/cascadeselect.js +28 -14
  52. package/cascadeselect/cascadeselect.min.js +1 -1
  53. package/checkbox/checkbox.cjs.js +72 -156
  54. package/checkbox/checkbox.cjs.min.js +1 -1
  55. package/checkbox/checkbox.d.ts +10 -34
  56. package/checkbox/checkbox.esm.js +72 -156
  57. package/checkbox/checkbox.esm.min.js +1 -1
  58. package/checkbox/checkbox.js +72 -156
  59. package/checkbox/checkbox.min.js +1 -1
  60. package/chips/chips.cjs.js +25 -12
  61. package/chips/chips.cjs.min.js +1 -1
  62. package/chips/chips.d.ts +6 -1
  63. package/chips/chips.esm.js +25 -12
  64. package/chips/chips.esm.min.js +1 -1
  65. package/chips/chips.js +25 -12
  66. package/chips/chips.min.js +1 -1
  67. package/colorpicker/colorpicker.cjs.js +5 -5
  68. package/colorpicker/colorpicker.cjs.min.js +1 -1
  69. package/colorpicker/colorpicker.esm.js +4 -4
  70. package/colorpicker/colorpicker.esm.min.js +1 -1
  71. package/colorpicker/colorpicker.js +5 -5
  72. package/colorpicker/colorpicker.min.js +1 -1
  73. package/componentbase/componentbase.cjs.js +4 -6
  74. package/componentbase/componentbase.cjs.min.js +1 -1
  75. package/componentbase/componentbase.esm.js +5 -7
  76. package/componentbase/componentbase.esm.min.js +1 -1
  77. package/componentbase/componentbase.js +4 -6
  78. package/componentbase/componentbase.min.js +1 -1
  79. package/confirmdialog/confirmdialog.cjs.js +7 -2
  80. package/confirmdialog/confirmdialog.cjs.min.js +1 -1
  81. package/confirmdialog/confirmdialog.esm.js +7 -2
  82. package/confirmdialog/confirmdialog.esm.min.js +1 -1
  83. package/confirmdialog/confirmdialog.js +8 -3
  84. package/confirmdialog/confirmdialog.min.js +1 -1
  85. package/confirmpopup/confirmpopup.cjs.js +5 -5
  86. package/confirmpopup/confirmpopup.cjs.min.js +1 -1
  87. package/confirmpopup/confirmpopup.esm.js +5 -5
  88. package/confirmpopup/confirmpopup.esm.min.js +1 -1
  89. package/confirmpopup/confirmpopup.js +5 -5
  90. package/confirmpopup/confirmpopup.min.js +1 -1
  91. package/contextmenu/contextmenu.cjs.js +4 -3
  92. package/contextmenu/contextmenu.cjs.min.js +1 -1
  93. package/contextmenu/contextmenu.esm.js +4 -3
  94. package/contextmenu/contextmenu.esm.min.js +1 -1
  95. package/contextmenu/contextmenu.js +4 -3
  96. package/contextmenu/contextmenu.min.js +1 -1
  97. package/core/core.js +2773 -20019
  98. package/core/core.min.js +41 -41
  99. package/datatable/datatable.cjs.js +134 -115
  100. package/datatable/datatable.cjs.min.js +1 -1
  101. package/datatable/datatable.d.ts +11 -3
  102. package/datatable/datatable.esm.js +134 -115
  103. package/datatable/datatable.esm.min.js +1 -1
  104. package/datatable/datatable.js +134 -115
  105. package/datatable/datatable.min.js +1 -1
  106. package/dataview/dataview.cjs.js +16 -13
  107. package/dataview/dataview.cjs.min.js +1 -1
  108. package/dataview/dataview.esm.js +4 -1
  109. package/dataview/dataview.esm.min.js +1 -1
  110. package/dataview/dataview.js +17 -15
  111. package/dataview/dataview.min.js +1 -1
  112. package/dialog/dialog.cjs.js +6 -6
  113. package/dialog/dialog.cjs.min.js +1 -1
  114. package/dialog/dialog.esm.js +6 -6
  115. package/dialog/dialog.esm.min.js +1 -1
  116. package/dialog/dialog.js +6 -6
  117. package/dialog/dialog.min.js +1 -1
  118. package/dropdown/dropdown.cjs.js +123 -53
  119. package/dropdown/dropdown.cjs.min.js +1 -1
  120. package/dropdown/dropdown.d.ts +41 -0
  121. package/dropdown/dropdown.esm.js +123 -53
  122. package/dropdown/dropdown.esm.min.js +1 -1
  123. package/dropdown/dropdown.js +123 -55
  124. package/dropdown/dropdown.min.js +1 -1
  125. package/editor/editor.cjs.js +125 -54
  126. package/editor/editor.cjs.min.js +1 -1
  127. package/editor/editor.esm.js +125 -54
  128. package/editor/editor.esm.min.js +1 -1
  129. package/editor/editor.js +125 -54
  130. package/editor/editor.min.js +1 -1
  131. package/galleria/galleria.cjs.js +22 -19
  132. package/galleria/galleria.cjs.min.js +1 -1
  133. package/galleria/galleria.esm.js +4 -1
  134. package/galleria/galleria.esm.min.js +1 -1
  135. package/galleria/galleria.js +23 -20
  136. package/galleria/galleria.min.js +1 -1
  137. package/hooks/hooks.cjs.js +115 -72
  138. package/hooks/hooks.cjs.min.js +1 -1
  139. package/hooks/hooks.esm.js +116 -73
  140. package/hooks/hooks.esm.min.js +1 -1
  141. package/hooks/hooks.js +115 -72
  142. package/hooks/hooks.min.js +1 -1
  143. package/icons/arrowdown/index.cjs.js +2 -642
  144. package/icons/arrowdown/index.cjs.min.js +1 -1
  145. package/icons/arrowdown/index.esm.js +2 -642
  146. package/icons/arrowdown/index.esm.min.js +1 -1
  147. package/icons/arrowdown/index.js +2 -642
  148. package/icons/arrowdown/index.min.js +1 -1
  149. package/icons/arrowup/index.cjs.js +2 -642
  150. package/icons/arrowup/index.cjs.min.js +1 -1
  151. package/icons/arrowup/index.esm.js +2 -642
  152. package/icons/arrowup/index.esm.min.js +1 -1
  153. package/icons/arrowup/index.js +2 -642
  154. package/icons/arrowup/index.min.js +1 -1
  155. package/icons/ban/index.cjs.js +2 -642
  156. package/icons/ban/index.cjs.min.js +1 -1
  157. package/icons/ban/index.esm.js +2 -642
  158. package/icons/ban/index.esm.min.js +1 -1
  159. package/icons/ban/index.js +2 -642
  160. package/icons/ban/index.min.js +1 -1
  161. package/icons/blank/index.cjs.js +62 -0
  162. package/icons/blank/index.cjs.min.js +1 -0
  163. package/icons/blank/index.d.ts +19 -0
  164. package/icons/blank/index.esm.js +38 -0
  165. package/icons/blank/index.esm.min.js +1 -0
  166. package/icons/blank/index.js +65 -0
  167. package/icons/blank/index.min.js +1 -0
  168. package/icons/blank/package.json +7 -0
  169. package/icons/download/index.cjs.js +2 -642
  170. package/icons/download/index.cjs.min.js +1 -1
  171. package/icons/download/index.esm.js +2 -642
  172. package/icons/download/index.esm.min.js +1 -1
  173. package/icons/download/index.js +2 -642
  174. package/icons/download/index.min.js +1 -1
  175. package/icons/exclamationtriangle/index.cjs.js +2 -642
  176. package/icons/exclamationtriangle/index.cjs.min.js +1 -1
  177. package/icons/exclamationtriangle/index.esm.js +2 -642
  178. package/icons/exclamationtriangle/index.esm.min.js +1 -1
  179. package/icons/exclamationtriangle/index.js +2 -642
  180. package/icons/exclamationtriangle/index.min.js +1 -1
  181. package/icons/eyeslash/index.cjs.js +2 -642
  182. package/icons/eyeslash/index.cjs.min.js +1 -1
  183. package/icons/eyeslash/index.esm.js +2 -642
  184. package/icons/eyeslash/index.esm.min.js +1 -1
  185. package/icons/eyeslash/index.js +2 -642
  186. package/icons/eyeslash/index.min.js +1 -1
  187. package/icons/filter/index.cjs.js +2 -642
  188. package/icons/filter/index.cjs.min.js +1 -1
  189. package/icons/filter/index.esm.js +2 -642
  190. package/icons/filter/index.esm.min.js +1 -1
  191. package/icons/filter/index.js +2 -642
  192. package/icons/filter/index.min.js +1 -1
  193. package/icons/filterslash/index.cjs.js +2 -642
  194. package/icons/filterslash/index.cjs.min.js +1 -1
  195. package/icons/filterslash/index.esm.js +2 -642
  196. package/icons/filterslash/index.esm.min.js +1 -1
  197. package/icons/filterslash/index.js +2 -642
  198. package/icons/filterslash/index.min.js +1 -1
  199. package/icons/infocircle/index.cjs.js +2 -642
  200. package/icons/infocircle/index.cjs.min.js +1 -1
  201. package/icons/infocircle/index.esm.js +2 -642
  202. package/icons/infocircle/index.esm.min.js +1 -1
  203. package/icons/infocircle/index.js +2 -642
  204. package/icons/infocircle/index.min.js +1 -1
  205. package/icons/pencil/index.cjs.js +2 -642
  206. package/icons/pencil/index.cjs.min.js +1 -1
  207. package/icons/pencil/index.esm.js +2 -642
  208. package/icons/pencil/index.esm.min.js +1 -1
  209. package/icons/pencil/index.js +2 -642
  210. package/icons/pencil/index.min.js +1 -1
  211. package/icons/plus/index.cjs.js +2 -642
  212. package/icons/plus/index.cjs.min.js +1 -1
  213. package/icons/plus/index.esm.js +2 -642
  214. package/icons/plus/index.esm.min.js +1 -1
  215. package/icons/plus/index.js +2 -642
  216. package/icons/plus/index.min.js +1 -1
  217. package/icons/refresh/index.cjs.js +2 -642
  218. package/icons/refresh/index.cjs.min.js +1 -1
  219. package/icons/refresh/index.esm.js +2 -642
  220. package/icons/refresh/index.esm.min.js +1 -1
  221. package/icons/refresh/index.js +2 -642
  222. package/icons/refresh/index.min.js +1 -1
  223. package/icons/search/index.cjs.js +2 -642
  224. package/icons/search/index.cjs.min.js +1 -1
  225. package/icons/search/index.esm.js +2 -642
  226. package/icons/search/index.esm.min.js +1 -1
  227. package/icons/search/index.js +2 -642
  228. package/icons/search/index.min.js +1 -1
  229. package/icons/searchminus/index.cjs.js +2 -642
  230. package/icons/searchminus/index.cjs.min.js +1 -1
  231. package/icons/searchminus/index.esm.js +2 -642
  232. package/icons/searchminus/index.esm.min.js +1 -1
  233. package/icons/searchminus/index.js +2 -642
  234. package/icons/searchminus/index.min.js +1 -1
  235. package/icons/searchplus/index.cjs.js +2 -642
  236. package/icons/searchplus/index.cjs.min.js +1 -1
  237. package/icons/searchplus/index.esm.js +2 -642
  238. package/icons/searchplus/index.esm.min.js +1 -1
  239. package/icons/searchplus/index.js +2 -642
  240. package/icons/searchplus/index.min.js +1 -1
  241. package/icons/sortalt/index.cjs.js +2 -642
  242. package/icons/sortalt/index.cjs.min.js +1 -1
  243. package/icons/sortalt/index.esm.js +2 -642
  244. package/icons/sortalt/index.esm.min.js +1 -1
  245. package/icons/sortalt/index.js +2 -642
  246. package/icons/sortalt/index.min.js +1 -1
  247. package/icons/sortamountdown/index.cjs.js +2 -642
  248. package/icons/sortamountdown/index.cjs.min.js +1 -1
  249. package/icons/sortamountdown/index.esm.js +2 -642
  250. package/icons/sortamountdown/index.esm.min.js +1 -1
  251. package/icons/sortamountdown/index.js +2 -642
  252. package/icons/sortamountdown/index.min.js +1 -1
  253. package/icons/sortamountupalt/index.cjs.js +2 -642
  254. package/icons/sortamountupalt/index.cjs.min.js +1 -1
  255. package/icons/sortamountupalt/index.esm.js +2 -642
  256. package/icons/sortamountupalt/index.esm.min.js +1 -1
  257. package/icons/sortamountupalt/index.js +2 -642
  258. package/icons/sortamountupalt/index.min.js +1 -1
  259. package/icons/spinner/index.cjs.js +2 -642
  260. package/icons/spinner/index.cjs.min.js +1 -1
  261. package/icons/spinner/index.esm.js +2 -642
  262. package/icons/spinner/index.esm.min.js +1 -1
  263. package/icons/spinner/index.js +2 -642
  264. package/icons/spinner/index.min.js +1 -1
  265. package/icons/star/index.cjs.js +2 -642
  266. package/icons/star/index.cjs.min.js +1 -1
  267. package/icons/star/index.esm.js +2 -642
  268. package/icons/star/index.esm.min.js +1 -1
  269. package/icons/star/index.js +2 -642
  270. package/icons/star/index.min.js +1 -1
  271. package/icons/starfill/index.cjs.js +2 -642
  272. package/icons/starfill/index.cjs.min.js +1 -1
  273. package/icons/starfill/index.esm.js +2 -642
  274. package/icons/starfill/index.esm.min.js +1 -1
  275. package/icons/starfill/index.js +2 -642
  276. package/icons/starfill/index.min.js +1 -1
  277. package/icons/thlarge/index.cjs.js +2 -642
  278. package/icons/thlarge/index.cjs.min.js +1 -1
  279. package/icons/thlarge/index.esm.js +2 -642
  280. package/icons/thlarge/index.esm.min.js +1 -1
  281. package/icons/thlarge/index.js +2 -642
  282. package/icons/thlarge/index.min.js +1 -1
  283. package/icons/timescircle/index.cjs.js +2 -642
  284. package/icons/timescircle/index.cjs.min.js +1 -1
  285. package/icons/timescircle/index.esm.js +2 -642
  286. package/icons/timescircle/index.esm.min.js +1 -1
  287. package/icons/timescircle/index.js +2 -642
  288. package/icons/timescircle/index.min.js +1 -1
  289. package/icons/trash/index.cjs.js +2 -642
  290. package/icons/trash/index.cjs.min.js +1 -1
  291. package/icons/trash/index.esm.js +2 -642
  292. package/icons/trash/index.esm.min.js +1 -1
  293. package/icons/trash/index.js +2 -642
  294. package/icons/trash/index.min.js +1 -1
  295. package/icons/undo/index.cjs.js +2 -642
  296. package/icons/undo/index.cjs.min.js +1 -1
  297. package/icons/undo/index.esm.js +2 -642
  298. package/icons/undo/index.esm.min.js +1 -1
  299. package/icons/undo/index.js +2 -642
  300. package/icons/undo/index.min.js +1 -1
  301. package/icons/upload/index.cjs.js +2 -642
  302. package/icons/upload/index.cjs.min.js +1 -1
  303. package/icons/upload/index.esm.js +2 -642
  304. package/icons/upload/index.esm.min.js +1 -1
  305. package/icons/upload/index.js +2 -642
  306. package/icons/upload/index.min.js +1 -1
  307. package/icons/windowmaximize/index.cjs.js +2 -642
  308. package/icons/windowmaximize/index.cjs.min.js +1 -1
  309. package/icons/windowmaximize/index.esm.js +2 -642
  310. package/icons/windowmaximize/index.esm.min.js +1 -1
  311. package/icons/windowmaximize/index.js +2 -642
  312. package/icons/windowmaximize/index.min.js +1 -1
  313. package/icons/windowminimize/index.cjs.js +2 -642
  314. package/icons/windowminimize/index.cjs.min.js +1 -1
  315. package/icons/windowminimize/index.esm.js +2 -642
  316. package/icons/windowminimize/index.esm.min.js +1 -1
  317. package/icons/windowminimize/index.js +2 -642
  318. package/icons/windowminimize/index.min.js +1 -1
  319. package/image/image.cjs.js +18 -575
  320. package/image/image.cjs.min.js +1 -1
  321. package/image/image.esm.js +20 -577
  322. package/image/image.esm.min.js +1 -1
  323. package/image/image.js +18 -575
  324. package/image/image.min.js +1 -1
  325. package/inputnumber/inputnumber.cjs.js +22 -39
  326. package/inputnumber/inputnumber.cjs.min.js +1 -1
  327. package/inputnumber/inputnumber.d.ts +5 -5
  328. package/inputnumber/inputnumber.esm.js +22 -39
  329. package/inputnumber/inputnumber.esm.min.js +1 -1
  330. package/inputnumber/inputnumber.js +22 -39
  331. package/inputnumber/inputnumber.min.js +1 -1
  332. package/inputswitch/inputswitch.cjs.js +20 -96
  333. package/inputswitch/inputswitch.cjs.min.js +1 -1
  334. package/inputswitch/inputswitch.d.ts +9 -20
  335. package/inputswitch/inputswitch.esm.js +20 -96
  336. package/inputswitch/inputswitch.esm.min.js +1 -1
  337. package/inputswitch/inputswitch.js +20 -96
  338. package/inputswitch/inputswitch.min.js +1 -1
  339. package/inputtext/inputtext.cjs.js +7 -6
  340. package/inputtext/inputtext.cjs.min.js +1 -1
  341. package/inputtext/inputtext.d.ts +5 -0
  342. package/inputtext/inputtext.esm.js +7 -6
  343. package/inputtext/inputtext.esm.min.js +1 -1
  344. package/inputtext/inputtext.js +7 -6
  345. package/inputtext/inputtext.min.js +1 -1
  346. package/inputtextarea/inputtextarea.cjs.js +5 -4
  347. package/inputtextarea/inputtextarea.cjs.min.js +1 -1
  348. package/inputtextarea/inputtextarea.d.ts +5 -0
  349. package/inputtextarea/inputtextarea.esm.js +5 -4
  350. package/inputtextarea/inputtextarea.esm.min.js +1 -1
  351. package/inputtextarea/inputtextarea.js +5 -4
  352. package/inputtextarea/inputtextarea.min.js +1 -1
  353. package/listbox/listbox.cjs.js +17 -14
  354. package/listbox/listbox.cjs.min.js +1 -1
  355. package/listbox/listbox.d.ts +15 -0
  356. package/listbox/listbox.esm.js +18 -15
  357. package/listbox/listbox.esm.min.js +1 -1
  358. package/listbox/listbox.js +17 -14
  359. package/listbox/listbox.min.js +1 -1
  360. package/megamenu/megamenu.cjs.js +3 -3
  361. package/megamenu/megamenu.cjs.min.js +1 -1
  362. package/megamenu/megamenu.esm.js +3 -3
  363. package/megamenu/megamenu.esm.min.js +1 -1
  364. package/megamenu/megamenu.js +3 -3
  365. package/megamenu/megamenu.min.js +1 -1
  366. package/mention/mention.cjs.js +5 -4
  367. package/mention/mention.cjs.min.js +1 -1
  368. package/mention/mention.esm.js +5 -4
  369. package/mention/mention.esm.min.js +1 -1
  370. package/mention/mention.js +5 -4
  371. package/mention/mention.min.js +1 -1
  372. package/menu/menu.cjs.js +3 -2
  373. package/menu/menu.cjs.min.js +1 -1
  374. package/menu/menu.esm.js +3 -2
  375. package/menu/menu.esm.min.js +1 -1
  376. package/menu/menu.js +3 -2
  377. package/menu/menu.min.js +1 -1
  378. package/menubar/menubar.cjs.js +18 -14
  379. package/menubar/menubar.cjs.min.js +1 -1
  380. package/menubar/menubar.esm.js +18 -14
  381. package/menubar/menubar.esm.min.js +1 -1
  382. package/menubar/menubar.js +18 -14
  383. package/menubar/menubar.min.js +1 -1
  384. package/message/message.cjs.js +2 -8
  385. package/message/message.cjs.min.js +1 -1
  386. package/message/message.d.ts +1 -1
  387. package/message/message.esm.js +2 -8
  388. package/message/message.esm.min.js +1 -1
  389. package/message/message.js +2 -8
  390. package/message/message.min.js +1 -1
  391. package/messages/messages.cjs.js +1 -1
  392. package/messages/messages.cjs.min.js +1 -1
  393. package/messages/messages.d.ts +1 -1
  394. package/messages/messages.esm.js +1 -1
  395. package/messages/messages.esm.min.js +1 -1
  396. package/messages/messages.js +1 -1
  397. package/messages/messages.min.js +1 -1
  398. package/metergroup/metergroup.cjs.js +237 -0
  399. package/metergroup/metergroup.cjs.min.js +1 -0
  400. package/metergroup/metergroup.d.ts +183 -0
  401. package/metergroup/metergroup.esm.js +233 -0
  402. package/metergroup/metergroup.esm.min.js +1 -0
  403. package/metergroup/metergroup.js +236 -0
  404. package/metergroup/metergroup.min.js +1 -0
  405. package/multiselect/multiselect.cjs.js +157 -160
  406. package/multiselect/multiselect.cjs.min.js +1 -1
  407. package/multiselect/multiselect.d.ts +25 -1
  408. package/multiselect/multiselect.esm.js +157 -160
  409. package/multiselect/multiselect.esm.min.js +1 -1
  410. package/multiselect/multiselect.js +157 -160
  411. package/multiselect/multiselect.min.js +1 -1
  412. package/multistatecheckbox/multistatecheckbox.cjs.js +3 -4
  413. package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
  414. package/multistatecheckbox/multistatecheckbox.esm.js +3 -4
  415. package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
  416. package/multistatecheckbox/multistatecheckbox.js +3 -4
  417. package/multistatecheckbox/multistatecheckbox.min.js +1 -1
  418. package/orderlist/orderlist.cjs.js +35 -11
  419. package/orderlist/orderlist.cjs.min.js +1 -1
  420. package/orderlist/orderlist.d.ts +5 -0
  421. package/orderlist/orderlist.esm.js +35 -11
  422. package/orderlist/orderlist.esm.min.js +1 -1
  423. package/orderlist/orderlist.js +35 -11
  424. package/orderlist/orderlist.min.js +1 -1
  425. package/overlaypanel/overlaypanel.cjs.js +3 -2
  426. package/overlaypanel/overlaypanel.cjs.min.js +1 -1
  427. package/overlaypanel/overlaypanel.esm.js +3 -2
  428. package/overlaypanel/overlaypanel.esm.min.js +1 -1
  429. package/overlaypanel/overlaypanel.js +3 -2
  430. package/overlaypanel/overlaypanel.min.js +1 -1
  431. package/package.json +1 -1
  432. package/paginator/paginator.cjs.js +125 -108
  433. package/paginator/paginator.cjs.min.js +1 -1
  434. package/paginator/paginator.d.ts +88 -0
  435. package/paginator/paginator.esm.js +125 -108
  436. package/paginator/paginator.esm.min.js +1 -1
  437. package/paginator/paginator.js +125 -108
  438. package/paginator/paginator.min.js +1 -1
  439. package/panelmenu/panelmenu.cjs.js +19 -14
  440. package/panelmenu/panelmenu.cjs.min.js +1 -1
  441. package/panelmenu/panelmenu.d.ts +18 -0
  442. package/panelmenu/panelmenu.esm.js +19 -14
  443. package/panelmenu/panelmenu.esm.min.js +1 -1
  444. package/panelmenu/panelmenu.js +19 -14
  445. package/panelmenu/panelmenu.min.js +1 -1
  446. package/passthrough/index.d.ts +12 -0
  447. package/passthrough/tailwind/index.cjs.js +279 -173
  448. package/passthrough/tailwind/index.cjs.min.js +1 -1
  449. package/passthrough/tailwind/index.esm.js +279 -173
  450. package/passthrough/tailwind/index.esm.min.js +1 -1
  451. package/passthrough/tailwind/index.js +279 -173
  452. package/passthrough/tailwind/index.min.js +1 -1
  453. package/password/password.cjs.js +98 -57
  454. package/password/password.cjs.min.js +1 -1
  455. package/password/password.d.ts +5 -0
  456. package/password/password.esm.js +100 -59
  457. package/password/password.esm.min.js +1 -1
  458. package/password/password.js +98 -57
  459. package/password/password.min.js +1 -1
  460. package/picklist/picklist.cjs.js +127 -102
  461. package/picklist/picklist.cjs.min.js +1 -1
  462. package/picklist/picklist.d.ts +5 -0
  463. package/picklist/picklist.esm.js +127 -102
  464. package/picklist/picklist.esm.min.js +1 -1
  465. package/picklist/picklist.js +127 -102
  466. package/picklist/picklist.min.js +1 -1
  467. package/primereact.all.cjs.js +2075 -2180
  468. package/primereact.all.cjs.min.js +1 -1
  469. package/primereact.all.esm.js +2076 -2180
  470. package/primereact.all.esm.min.js +1 -1
  471. package/primereact.all.js +2075 -2180
  472. package/primereact.all.min.js +1 -1
  473. package/radiobutton/radiobutton.cjs.js +69 -146
  474. package/radiobutton/radiobutton.cjs.min.js +1 -1
  475. package/radiobutton/radiobutton.d.ts +17 -35
  476. package/radiobutton/radiobutton.esm.js +70 -147
  477. package/radiobutton/radiobutton.esm.min.js +1 -1
  478. package/radiobutton/radiobutton.js +69 -146
  479. package/radiobutton/radiobutton.min.js +1 -1
  480. package/rating/rating.cjs.js +2 -3
  481. package/rating/rating.cjs.min.js +1 -1
  482. package/rating/rating.esm.js +2 -3
  483. package/rating/rating.esm.min.js +1 -1
  484. package/rating/rating.js +2 -3
  485. package/rating/rating.min.js +1 -1
  486. package/resources/themes/arya-blue/theme.css +344 -67
  487. package/resources/themes/arya-green/theme.css +344 -67
  488. package/resources/themes/arya-orange/theme.css +344 -67
  489. package/resources/themes/bootstrap4-dark-blue/theme.css +389 -64
  490. package/resources/themes/bootstrap4-light-blue/theme.css +389 -64
  491. package/resources/themes/fluent-light/theme.css +341 -64
  492. package/resources/themes/lara-dark-amber/theme.css +470 -67
  493. package/resources/themes/lara-dark-blue/theme.css +470 -67
  494. package/resources/themes/lara-dark-cyan/theme.css +470 -67
  495. package/resources/themes/lara-dark-green/theme.css +470 -67
  496. package/resources/themes/lara-dark-indigo/theme.css +470 -67
  497. package/resources/themes/lara-dark-pink/theme.css +470 -67
  498. package/resources/themes/lara-dark-teal/theme.css +470 -67
  499. package/resources/themes/lara-light-amber/theme.css +470 -67
  500. package/resources/themes/lara-light-blue/theme.css +470 -67
  501. package/resources/themes/lara-light-cyan/theme.css +470 -67
  502. package/resources/themes/lara-light-green/theme.css +470 -67
  503. package/resources/themes/lara-light-indigo/theme.css +470 -67
  504. package/resources/themes/lara-light-pink/theme.css +470 -67
  505. package/resources/themes/lara-light-teal/theme.css +470 -67
  506. package/resources/themes/luna-amber/theme.css +344 -67
  507. package/resources/themes/luna-blue/theme.css +344 -67
  508. package/resources/themes/luna-green/theme.css +344 -67
  509. package/resources/themes/luna-pink/theme.css +344 -67
  510. package/resources/themes/md-dark-deeppurple/theme.css +995 -289
  511. package/resources/themes/md-dark-indigo/theme.css +684 -232
  512. package/resources/themes/md-light-deeppurple/theme.css +868 -162
  513. package/resources/themes/md-light-indigo/theme.css +566 -101
  514. package/resources/themes/mdc-dark-deeppurple/theme.css +995 -289
  515. package/resources/themes/mdc-dark-indigo/theme.css +697 -232
  516. package/resources/themes/mdc-light-deeppurple/theme.css +868 -162
  517. package/resources/themes/mdc-light-indigo/theme.css +566 -101
  518. package/resources/themes/mira/theme.css +344 -67
  519. package/resources/themes/nano/theme.css +344 -67
  520. package/resources/themes/nova/theme.css +344 -67
  521. package/resources/themes/nova-accent/theme.css +344 -67
  522. package/resources/themes/nova-alt/theme.css +344 -67
  523. package/resources/themes/rhea/theme.css +343 -66
  524. package/resources/themes/saga-blue/theme.css +344 -67
  525. package/resources/themes/saga-green/theme.css +344 -67
  526. package/resources/themes/saga-orange/theme.css +344 -67
  527. package/resources/themes/soho-dark/theme.css +413 -88
  528. package/resources/themes/soho-light/theme.css +392 -67
  529. package/resources/themes/tailwind-light/theme.css +344 -67
  530. package/resources/themes/vela-blue/theme.css +344 -67
  531. package/resources/themes/vela-green/theme.css +344 -67
  532. package/resources/themes/vela-orange/theme.css +344 -67
  533. package/resources/themes/viva-dark/theme.css +392 -67
  534. package/resources/themes/viva-light/theme.css +392 -67
  535. package/selectbutton/selectbutton.cjs.js +15 -8
  536. package/selectbutton/selectbutton.cjs.min.js +1 -1
  537. package/selectbutton/selectbutton.d.ts +5 -0
  538. package/selectbutton/selectbutton.esm.js +15 -8
  539. package/selectbutton/selectbutton.esm.min.js +1 -1
  540. package/selectbutton/selectbutton.js +16 -9
  541. package/selectbutton/selectbutton.min.js +1 -1
  542. package/sidebar/sidebar.cjs.js +4 -3
  543. package/sidebar/sidebar.cjs.min.js +1 -1
  544. package/sidebar/sidebar.d.ts +4 -4
  545. package/sidebar/sidebar.esm.js +4 -3
  546. package/sidebar/sidebar.esm.min.js +1 -1
  547. package/sidebar/sidebar.js +4 -3
  548. package/sidebar/sidebar.min.js +1 -1
  549. package/slidemenu/slidemenu.cjs.js +7 -5
  550. package/slidemenu/slidemenu.cjs.min.js +1 -1
  551. package/slidemenu/slidemenu.esm.js +7 -5
  552. package/slidemenu/slidemenu.esm.min.js +1 -1
  553. package/slidemenu/slidemenu.js +7 -5
  554. package/slidemenu/slidemenu.min.js +1 -1
  555. package/slider/slider.cjs.js +18 -2
  556. package/slider/slider.cjs.min.js +1 -1
  557. package/slider/slider.esm.js +18 -2
  558. package/slider/slider.esm.min.js +1 -1
  559. package/slider/slider.js +18 -2
  560. package/slider/slider.min.js +1 -1
  561. package/splitbutton/splitbutton.cjs.js +9 -12
  562. package/splitbutton/splitbutton.cjs.min.js +1 -1
  563. package/splitbutton/splitbutton.d.ts +2 -2
  564. package/splitbutton/splitbutton.esm.js +9 -12
  565. package/splitbutton/splitbutton.esm.min.js +1 -1
  566. package/splitbutton/splitbutton.js +9 -12
  567. package/splitbutton/splitbutton.min.js +1 -1
  568. package/splitter/splitter.cjs.js +16 -21
  569. package/splitter/splitter.cjs.min.js +1 -1
  570. package/splitter/splitter.d.ts +5 -5
  571. package/splitter/splitter.esm.js +16 -21
  572. package/splitter/splitter.esm.min.js +1 -1
  573. package/splitter/splitter.js +16 -21
  574. package/splitter/splitter.min.js +1 -1
  575. package/steps/steps.cjs.js +4 -3
  576. package/steps/steps.cjs.min.js +1 -1
  577. package/steps/steps.esm.js +4 -3
  578. package/steps/steps.esm.min.js +1 -1
  579. package/steps/steps.js +4 -3
  580. package/steps/steps.min.js +1 -1
  581. package/styleclass/styleclass.cjs.js +21 -1
  582. package/styleclass/styleclass.cjs.min.js +1 -1
  583. package/styleclass/styleclass.d.ts +10 -0
  584. package/styleclass/styleclass.esm.js +21 -1
  585. package/styleclass/styleclass.esm.min.js +1 -1
  586. package/styleclass/styleclass.js +22 -2
  587. package/styleclass/styleclass.min.js +1 -1
  588. package/tabmenu/tabmenu.cjs.js +5 -4
  589. package/tabmenu/tabmenu.cjs.min.js +1 -1
  590. package/tabmenu/tabmenu.esm.js +5 -4
  591. package/tabmenu/tabmenu.esm.min.js +1 -1
  592. package/tabmenu/tabmenu.js +5 -4
  593. package/tabmenu/tabmenu.min.js +1 -1
  594. package/tieredmenu/tieredmenu.cjs.js +6 -8
  595. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  596. package/tieredmenu/tieredmenu.esm.js +6 -8
  597. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  598. package/tieredmenu/tieredmenu.js +6 -8
  599. package/tieredmenu/tieredmenu.min.js +1 -1
  600. package/toast/toast.cjs.js +93 -92
  601. package/toast/toast.cjs.min.js +1 -1
  602. package/toast/toast.d.ts +1 -1
  603. package/toast/toast.esm.js +93 -92
  604. package/toast/toast.esm.min.js +1 -1
  605. package/toast/toast.js +93 -92
  606. package/toast/toast.min.js +1 -1
  607. package/togglebutton/togglebutton.cjs.js +56 -95
  608. package/togglebutton/togglebutton.cjs.min.js +1 -1
  609. package/togglebutton/togglebutton.d.ts +24 -0
  610. package/togglebutton/togglebutton.esm.js +55 -94
  611. package/togglebutton/togglebutton.esm.min.js +1 -1
  612. package/togglebutton/togglebutton.js +56 -95
  613. package/togglebutton/togglebutton.min.js +1 -1
  614. package/tooltip/tooltip.d.ts +3 -3
  615. package/tooltip/tooltipoptions.d.ts +5 -0
  616. package/tree/tree.cjs.js +52 -39
  617. package/tree/tree.cjs.min.js +1 -1
  618. package/tree/tree.d.ts +5 -0
  619. package/tree/tree.esm.js +52 -39
  620. package/tree/tree.esm.min.js +1 -1
  621. package/tree/tree.js +52 -39
  622. package/tree/tree.min.js +1 -1
  623. package/treeselect/treeselect.cjs.js +5 -4
  624. package/treeselect/treeselect.cjs.min.js +1 -1
  625. package/treeselect/treeselect.d.ts +5 -0
  626. package/treeselect/treeselect.esm.js +5 -4
  627. package/treeselect/treeselect.esm.min.js +1 -1
  628. package/treeselect/treeselect.js +5 -4
  629. package/treeselect/treeselect.min.js +1 -1
  630. package/treetable/treetable.cjs.js +18 -15
  631. package/treetable/treetable.cjs.min.js +1 -1
  632. package/treetable/treetable.esm.js +18 -15
  633. package/treetable/treetable.esm.min.js +1 -1
  634. package/treetable/treetable.js +18 -15
  635. package/treetable/treetable.min.js +1 -1
  636. package/tristatecheckbox/tristatecheckbox.cjs.js +36 -94
  637. package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
  638. package/tristatecheckbox/tristatecheckbox.d.ts +12 -13
  639. package/tristatecheckbox/tristatecheckbox.esm.js +37 -95
  640. package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
  641. package/tristatecheckbox/tristatecheckbox.js +36 -94
  642. package/tristatecheckbox/tristatecheckbox.min.js +1 -1
  643. package/utils/utils.cjs.js +64 -72
  644. package/utils/utils.cjs.min.js +1 -1
  645. package/utils/utils.d.ts +11 -2
  646. package/utils/utils.esm.js +65 -72
  647. package/utils/utils.esm.min.js +1 -1
  648. package/utils/utils.js +64 -72
  649. package/utils/utils.min.js +1 -1
  650. package/virtualscroller/virtualscroller.cjs.js +17 -15
  651. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  652. package/virtualscroller/virtualscroller.esm.js +14 -12
  653. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  654. package/virtualscroller/virtualscroller.js +17 -15
  655. package/virtualscroller/virtualscroller.min.js +1 -1
  656. package/web-types.json +519 -39
@@ -38,6 +38,21 @@ function _interopNamespace(e) {
38
38
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
39
39
  var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
40
40
 
41
+ function _extends() {
42
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
43
+ for (var i = 1; i < arguments.length; i++) {
44
+ var source = arguments[i];
45
+ for (var key in source) {
46
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
47
+ target[key] = source[key];
48
+ }
49
+ }
50
+ }
51
+ return target;
52
+ };
53
+ return _extends.apply(this, arguments);
54
+ }
55
+
41
56
  function _typeof(o) {
42
57
  "@babel/helpers - typeof";
43
58
 
@@ -79,21 +94,6 @@ function _defineProperty(obj, key, value) {
79
94
  return obj;
80
95
  }
81
96
 
82
- function _extends() {
83
- _extends = Object.assign ? Object.assign.bind() : function (target) {
84
- for (var i = 1; i < arguments.length; i++) {
85
- var source = arguments[i];
86
- for (var key in source) {
87
- if (Object.prototype.hasOwnProperty.call(source, key)) {
88
- target[key] = source[key];
89
- }
90
- }
91
- }
92
- return target;
93
- };
94
- return _extends.apply(this, arguments);
95
- }
96
-
97
97
  function _arrayWithHoles(arr) {
98
98
  if (Array.isArray(arr)) return arr;
99
99
  }
@@ -181,9 +181,11 @@ var classes = {
181
181
  var strength = _ref5.strength;
182
182
  return utils.classNames('p-password-info', strength);
183
183
  },
184
+ showIcon: 'p-password-show-icon',
185
+ hideIcon: 'p-password-hide-icon',
184
186
  transition: 'p-connected-overlay'
185
187
  };
186
- var styles = "\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n}\n";
188
+ var styles = "\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n\n .p-password .p-password-show-icon,\n .p-password .p-password-hide-icon {\n line-height: 1.5;\n cursor: pointer;\n }\n}\n";
187
189
  var PasswordBase = componentbase.ComponentBase.extend({
188
190
  defaultProps: {
189
191
  __TYPE: 'Password',
@@ -211,6 +213,7 @@ var PasswordBase = componentbase.ComponentBase.extend({
211
213
  className: null,
212
214
  inputStyle: null,
213
215
  inputClassName: null,
216
+ invalid: false,
214
217
  panelStyle: null,
215
218
  panelClassName: null,
216
219
  transitionOptions: null,
@@ -327,6 +330,43 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
327
330
  }
328
331
  }
329
332
  };
333
+ var updateFeedback = function updateFeedback(value) {
334
+ if (!props.feedback) {
335
+ return false;
336
+ }
337
+ var label = null;
338
+ var meter = null;
339
+ switch (testStrength(value)) {
340
+ case 1:
341
+ label = weakLabel;
342
+ meter = {
343
+ strength: 'weak',
344
+ width: '33.33%'
345
+ };
346
+ break;
347
+ case 2:
348
+ label = mediumLabel;
349
+ meter = {
350
+ strength: 'medium',
351
+ width: '66.66%'
352
+ };
353
+ break;
354
+ case 3:
355
+ label = strongLabel;
356
+ meter = {
357
+ strength: 'strong',
358
+ width: '100%'
359
+ };
360
+ break;
361
+ default:
362
+ label = promptLabel;
363
+ meter = null;
364
+ break;
365
+ }
366
+ setMeterState(meter);
367
+ setInfoTextState(label);
368
+ return true;
369
+ };
330
370
  var onPanelClick = function onPanelClick(event) {
331
371
  if (props.feedback) {
332
372
  overlayservice.OverlayService.emit('overlay-click', {
@@ -389,38 +429,6 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
389
429
  var onKeyup = function onKeyup(e) {
390
430
  var keyCode = e.code;
391
431
  if (props.feedback) {
392
- var value = e.target.value;
393
- var label = null;
394
- var meter = null;
395
- switch (testStrength(value)) {
396
- case 1:
397
- label = weakLabel;
398
- meter = {
399
- strength: 'weak',
400
- width: '33.33%'
401
- };
402
- break;
403
- case 2:
404
- label = mediumLabel;
405
- meter = {
406
- strength: 'medium',
407
- width: '66.66%'
408
- };
409
- break;
410
- case 3:
411
- label = strongLabel;
412
- meter = {
413
- strength: 'strong',
414
- width: '100%'
415
- };
416
- break;
417
- default:
418
- label = promptLabel;
419
- meter = null;
420
- break;
421
- }
422
- setMeterState(meter);
423
- setInfoTextState(label);
424
432
  if (!!keyCode && keyCode !== 'Escape' && !overlayVisibleState) {
425
433
  show();
426
434
  }
@@ -436,7 +444,16 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
436
444
  }
437
445
  };
438
446
  var testStrength = function testStrength(str) {
439
- if (strongCheckRegExp.current.test(str)) return 3;else if (mediumCheckRegExp.current.test(str)) return 2;else if (str.length) return 1;
447
+ if (!str || str.length === 0) {
448
+ return 0;
449
+ }
450
+ if (strongCheckRegExp.current.test(str)) {
451
+ return 3;
452
+ } else if (mediumCheckRegExp.current.test(str)) {
453
+ return 2;
454
+ } else if (str.length > 0) {
455
+ return 1;
456
+ }
440
457
  return 0;
441
458
  };
442
459
  React__namespace.useImperativeHandle(ref, function () {
@@ -471,24 +488,47 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
471
488
  utils.DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
472
489
  }
473
490
  }, [isFilled]);
491
+ hooks.useUpdateEffect(function () {
492
+ updateFeedback(props.value);
493
+ }, [props.value]);
474
494
  hooks.useMountEffect(function () {
475
495
  alignOverlay();
476
496
  });
477
497
  hooks.useUnmountEffect(function () {
478
498
  utils.ZIndexUtils.clear(overlayRef.current);
479
499
  });
500
+ var onToggleMaskKeyDown = function onToggleMaskKeyDown(event) {
501
+ if (event.key === 'Enter' || event.code === 'Space') {
502
+ toggleMask();
503
+ event.preventDefault();
504
+ }
505
+ };
480
506
  var createIcon = function createIcon() {
481
507
  var icon;
482
- var hideIconProps = mergeProps(ptm('hideIcon'));
483
- var showIconProps = mergeProps(ptm('showIcon'));
508
+ var hideIconProps = mergeProps({
509
+ key: 'hideIcon',
510
+ role: 'switch',
511
+ tabIndex: props.tabIndex || '0',
512
+ className: cx('hideIcon'),
513
+ onClick: toggleMask,
514
+ onKeyDown: onToggleMaskKeyDown,
515
+ 'aria-label': PrimeReact.ariaLabel('passwordHide') || 'Hide Password',
516
+ 'aria-checked': 'false'
517
+ }, ptm('hideIcon'));
518
+ var showIconProps = mergeProps({
519
+ key: 'showIcon',
520
+ role: 'switch',
521
+ tabIndex: props.tabIndex || '0',
522
+ className: cx('showIcon'),
523
+ onClick: toggleMask,
524
+ onKeyDown: onToggleMaskKeyDown,
525
+ 'aria-label': PrimeReact.ariaLabel('passwordShow') || 'Show Password',
526
+ 'aria-checked': 'true'
527
+ }, ptm('showIcon'));
484
528
  if (unmaskedState) {
485
- icon = props.hideIcon || /*#__PURE__*/React__namespace.createElement(eyeslash.EyeSlashIcon, _extends({}, hideIconProps, {
486
- onClick: toggleMask
487
- }));
529
+ icon = props.hideIcon || /*#__PURE__*/React__namespace.createElement(eyeslash.EyeSlashIcon, hideIconProps);
488
530
  } else {
489
- icon = props.showIcon || /*#__PURE__*/React__namespace.createElement(eye.EyeIcon, _extends({}, showIconProps, {
490
- onClick: toggleMask
491
- }));
531
+ icon = props.showIcon || /*#__PURE__*/React__namespace.createElement(eye.EyeIcon, showIconProps);
492
532
  }
493
533
  var eyeIcon = utils.IconUtils.getJSXIcon(icon, unmaskedState ? _objectSpread({}, hideIconProps) : _objectSpread({}, showIconProps), {
494
534
  props: props
@@ -591,6 +631,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
591
631
  onFocus: onFocus,
592
632
  onInput: onInput,
593
633
  onKeyUp: onKeyup,
634
+ invalid: props.invalid,
594
635
  style: props.inputStyle,
595
636
  tabIndex: props.tabIndex,
596
637
  tooltip: props.tooltip,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),l=require("primereact/icons/eye"),a=require("primereact/icons/eyeslash"),i=require("primereact/inputtext"),s=require("primereact/overlayservice"),u=require("primereact/portal"),c=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=f(e),m=p(t);function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function b(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=b(e,"string");return"symbol"===y(t)?t:String(t)}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function w(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 r,o,l,a,i=[],s=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(e,t):void 0}}function S(){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 x(e,t){return w(e)||h(e,t)||E(e,t)||S()}var j=n.ComponentBase.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return c.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return c.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===m.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return c.classNames("p-password-strength",e.strength)},info:function(e){return c.classNames("p-password-info",e.strength)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n}\n"}});function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=g(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=d.memo(d.forwardRef((function(e,p){var f=o.useMergeProps(),y=d.useContext(t.PrimeReactContext),b=j.getProps(e,y),g=b.promptLabel||t.localeOption("passwordPrompt"),w=b.weakLabel||t.localeOption("weak"),h=b.mediumLabel||t.localeOption("medium"),O=b.strongLabel||t.localeOption("strong"),E=x(d.useState(!1),2),S=E[0],I=E[1],N=x(d.useState(null),2),P=N[0],R=N[1],C=x(d.useState(g),2),U=C[0],D=C[1],H=x(d.useState(!1),2),L=H[0],M=H[1],T=x(d.useState(!1),2),q=T[0],A=T[1],_=d.useRef(null),Z=d.useRef(null),z=d.useRef(b.inputRef),F=d.useRef(new RegExp(b.mediumRegex)),J=d.useRef(new RegExp(b.strongRegex)),K=q?"text":"password",X={props:b,state:{overlayVisible:S,meter:P,infoText:U,focused:L,unmasked:q}},B=j.setMetaData(X),V=B.ptm,G=B.cx;n.useHandleStyle(j.css.styles,B.isUnstyled,{name:"password"});var Y=o.useDisplayOrder("password",S);o.useGlobalOnEscapeKey({callback:function(){ae()},when:S&&b.feedback&&Y,priority:[o.ESC_KEY_HANDLING_PRIORITIES.PASSWORD,Y]});var W=x(o.useOverlayListener({target:_,overlay:Z,listener:function(e,t){t.valid&&ae()},when:S}),2),$=W[0],Q=W[1],ee=z.current&&z.current.value,te=d.useMemo((function(){return c.ObjectUtils.isNotEmpty(b.value)||c.ObjectUtils.isNotEmpty(b.defaultValue)||c.ObjectUtils.isNotEmpty(ee)}),[b.value,b.defaultValue,ee]),ne=function(){if(P){var e=null;switch(P.strength){case"weak":e=w;break;case"medium":e=h;break;case"strong":e=O}e&&U!==e&&D(e)}else U!==g&&D(g)},re=function(e){b.feedback&&s.OverlayService.emit("overlay-click",{originalEvent:e,target:_.current})},oe=function(){A((function(e){return!e}))},le=function(){ne(),I(!0)},ae=function(){I(!1)},ie=function(){z.current&&c.DomHandler.alignOverlay(Z.current,z.current.parentElement,b.appendTo||y&&y.appendTo||m.default.appendTo)},se=function(){c.ZIndexUtils.set("overlay",Z.current,y&&y.autoZIndex||m.default.autoZIndex,y&&y.zIndex.overlay||m.default.zIndex.overlay),c.DomHandler.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),ie()},ue=function(){$(),b.onShow&&b.onShow()},ce=function(){Q()},pe=function(){c.ZIndexUtils.clear(Z.current),b.onHide&&b.onHide()},fe=function(e){return J.current.test(e)?3:F.current.test(e)?2:e.length?1:0};d.useImperativeHandle(p,(function(){return{props:b,toggleMask:oe,focus:function(){return c.DomHandler.focus(z.current)},getElement:function(){return _.current},getOverlay:function(){return Z.current},getInput:function(){return z.current}}})),d.useEffect((function(){c.ObjectUtils.combinedRefs(z,b.inputRef)}),[z,b.inputRef]),d.useEffect((function(){F.current=new RegExp(b.mediumRegex)}),[b.mediumRegex]),d.useEffect((function(){J.current=new RegExp(b.strongRegex)}),[b.strongRegex]),d.useEffect((function(){!te&&c.DomHandler.hasClass(_.current,"p-inputwrapper-filled")&&c.DomHandler.removeClass(_.current,"p-inputwrapper-filled")}),[te]),o.useMountEffect((function(){ie()})),o.useUnmountEffect((function(){c.ZIndexUtils.clear(Z.current)}));var de=c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":te,"p-inputwrapper-focus":L,"p-input-icon-right":b.toggleMask},b.className),me=j.getOtherProps(b),ye=function(){var e,t=f(V("hideIcon")),n=f(V("showIcon"));e=q?b.hideIcon||d.createElement(a.EyeSlashIcon,v({},t,{onClick:oe})):b.showIcon||d.createElement(l.EyeIcon,v({},n,{onClick:oe}));var r=c.IconUtils.getJSXIcon(e,k({},q?t:n),{props:b});if(b.toggleMask){var o=r;if(b.icon)o=c.ObjectUtils.getJSXElement(b.icon,{onClick:oe,className:de,element:o,props:b});return o}return null}(),be=function(){var e=P||{strength:"",width:"0%"},t=e.strength,n=e.width,o=c.ObjectUtils.getJSXElement(b.header,b),l=c.ObjectUtils.getJSXElement(b.footer,b),a=f({className:G("panel",{context:y}),style:b.panelStyle,onClick:re},V("panel")),i=f({className:G("meter")},V("meter")),s=f({className:G("meterLabel",{strength:t}),style:{width:n}},V("meterLabel")),p=f({className:G("info",{strength:t})},V("info")),m=b.content?c.ObjectUtils.getJSXElement(b.content,b):d.createElement(d.Fragment,null,d.createElement("div",i,d.createElement("div",s)),d.createElement("div",p,U)),g=f({classNames:G("transition"),in:S,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:se,onEntered:ue,onExit:ce,onExited:pe},V("transition")),w=d.createElement(r.CSSTransition,v({nodeRef:Z},g),d.createElement("div",v({ref:Z},a),o,m,l));return d.createElement(u.Portal,{element:w,appendTo:b.appendTo})}(),ge=f({ref:_,id:b.id,className:G("root",{isFilled:te,focusedState:L}),style:b.style},V("root")),ve=f(k(k({ref:z,id:b.inputId},me),{},{className:c.classNames(b.inputClassName,G("input")),onBlur:function(e){M(!1),b.feedback&&ae(),b.onBlur&&b.onBlur(e)},onFocus:function(e){M(!0),b.feedback&&le(),b.onFocus&&b.onFocus(e)},onInput:function(e,t){b.onInput&&b.onInput(e,t),b.onChange||(c.ObjectUtils.isNotEmpty(e.target.value)?c.DomHandler.addClass(_.current,"p-inputwrapper-filled"):c.DomHandler.removeClass(_.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;if(b.feedback){var n=null,r=null;switch(fe(e.target.value)){case 1:n=w,r={strength:"weak",width:"33.33%"};break;case 2:n=h,r={strength:"medium",width:"66.66%"};break;case 3:n=O,r={strength:"strong",width:"100%"};break;default:n=g,r=null}R(r),D(n),t&&"Escape"!==t&&!S&&le()}b.onKeyUp&&b.onKeyUp(e)},style:b.inputStyle,tabIndex:b.tabIndex,tooltip:b.tooltip,tooltipOptions:b.tooltipOptions,type:K,value:b.value,__parentMetadata:{parent:X}}),V("input"));return d.createElement("div",ge,d.createElement(i.InputText,ve),ye,be)})));N.displayName="Password",exports.Password=N;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),a=require("primereact/icons/eye"),l=require("primereact/icons/eyeslash"),i=require("primereact/inputtext"),s=require("primereact/overlayservice"),u=require("primereact/portal"),c=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=d(e),m=p(t);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function w(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=w(e,"string");return"symbol"===b(t)?t:String(t)}function h(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 r,o,a,l,i=[],s=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(e,t):void 0}}function S(){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 x(e,t){return h(e)||v(e,t)||E(e,t)||S()}var I=n.ComponentBase.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,invalid:!1,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return c.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return c.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===m.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return c.classNames("p-password-strength",e.strength)},info:function(e){return c.classNames("p-password-info",e.strength)},showIcon:"p-password-show-icon",hideIcon:"p-password-hide-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n\n .p-password .p-password-show-icon,\n .p-password .p-password-hide-icon {\n line-height: 1.5;\n cursor: pointer;\n }\n}\n"}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){var r,o,a;r=e,a=n[t],(o=g(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=f.memo(f.forwardRef((function(e,p){var d=o.useMergeProps(),b=f.useContext(t.PrimeReactContext),w=I.getProps(e,b),g=w.promptLabel||t.localeOption("passwordPrompt"),h=w.weakLabel||t.localeOption("weak"),v=w.mediumLabel||t.localeOption("medium"),O=w.strongLabel||t.localeOption("strong"),E=x(f.useState(!1),2),S=E[0],j=E[1],N=x(f.useState(null),2),P=N[0],R=N[1],C=x(f.useState(g),2),U=C[0],D=C[1],H=x(f.useState(!1),2),L=H[0],M=H[1],T=x(f.useState(!1),2),q=T[0],A=T[1],_=f.useRef(null),Z=f.useRef(null),K=f.useRef(w.inputRef),z=f.useRef(new RegExp(w.mediumRegex)),F=f.useRef(new RegExp(w.strongRegex)),J=q?"text":"password",X={props:w,state:{overlayVisible:S,meter:P,infoText:U,focused:L,unmasked:q}},B=I.setMetaData(X),V=B.ptm,G=B.cx;n.useHandleStyle(I.css.styles,B.isUnstyled,{name:"password"});var Y=o.useDisplayOrder("password",S);o.useGlobalOnEscapeKey({callback:function(){ie()},when:S&&w.feedback&&Y,priority:[o.ESC_KEY_HANDLING_PRIORITIES.PASSWORD,Y]});var W=x(o.useOverlayListener({target:_,overlay:Z,listener:function(e,t){t.valid&&ie()},when:S}),2),$=W[0],Q=W[1],ee=K.current&&K.current.value,te=f.useMemo((function(){return c.ObjectUtils.isNotEmpty(w.value)||c.ObjectUtils.isNotEmpty(w.defaultValue)||c.ObjectUtils.isNotEmpty(ee)}),[w.value,w.defaultValue,ee]),ne=function(){if(P){var e=null;switch(P.strength){case"weak":e=h;break;case"medium":e=v;break;case"strong":e=O}e&&U!==e&&D(e)}else U!==g&&D(g)},re=function(e){if(!w.feedback)return!1;var t=null,n=null;switch(fe(e)){case 1:t=h,n={strength:"weak",width:"33.33%"};break;case 2:t=v,n={strength:"medium",width:"66.66%"};break;case 3:t=O,n={strength:"strong",width:"100%"};break;default:t=g,n=null}return R(n),D(t),!0},oe=function(e){w.feedback&&s.OverlayService.emit("overlay-click",{originalEvent:e,target:_.current})},ae=function(){A((function(e){return!e}))},le=function(){ne(),j(!0)},ie=function(){j(!1)},se=function(){K.current&&c.DomHandler.alignOverlay(Z.current,K.current.parentElement,w.appendTo||b&&b.appendTo||m.default.appendTo)},ue=function(){c.ZIndexUtils.set("overlay",Z.current,b&&b.autoZIndex||m.default.autoZIndex,b&&b.zIndex.overlay||m.default.zIndex.overlay),c.DomHandler.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),se()},ce=function(){$(),w.onShow&&w.onShow()},pe=function(){Q()},de=function(){c.ZIndexUtils.clear(Z.current),w.onHide&&w.onHide()},fe=function(e){return e&&0!==e.length?F.current.test(e)?3:z.current.test(e)?2:e.length>0?1:0:0};f.useImperativeHandle(p,(function(){return{props:w,toggleMask:ae,focus:function(){return c.DomHandler.focus(K.current)},getElement:function(){return _.current},getOverlay:function(){return Z.current},getInput:function(){return K.current}}})),f.useEffect((function(){c.ObjectUtils.combinedRefs(K,w.inputRef)}),[K,w.inputRef]),f.useEffect((function(){z.current=new RegExp(w.mediumRegex)}),[w.mediumRegex]),f.useEffect((function(){F.current=new RegExp(w.strongRegex)}),[w.strongRegex]),f.useEffect((function(){!te&&c.DomHandler.hasClass(_.current,"p-inputwrapper-filled")&&c.DomHandler.removeClass(_.current,"p-inputwrapper-filled")}),[te]),o.useUpdateEffect((function(){re(w.value)}),[w.value]),o.useMountEffect((function(){se()})),o.useUnmountEffect((function(){c.ZIndexUtils.clear(Z.current)}));var me=function(e){"Enter"!==e.key&&"Space"!==e.code||(ae(),e.preventDefault())},ye=c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":te,"p-inputwrapper-focus":L,"p-input-icon-right":w.toggleMask},w.className),be=I.getOtherProps(w),we=function(){var e=d({key:"hideIcon",role:"switch",tabIndex:w.tabIndex||"0",className:G("hideIcon"),onClick:ae,onKeyDown:me,"aria-label":t.ariaLabel("passwordHide")||"Hide Password","aria-checked":"false"},V("hideIcon")),n=d({key:"showIcon",role:"switch",tabIndex:w.tabIndex||"0",className:G("showIcon"),onClick:ae,onKeyDown:me,"aria-label":t.ariaLabel("passwordShow")||"Show Password","aria-checked":"true"},V("showIcon")),r=c.IconUtils.getJSXIcon(q?w.hideIcon||f.createElement(l.EyeSlashIcon,e):w.showIcon||f.createElement(a.EyeIcon,n),k({},q?e:n),{props:w});if(w.toggleMask){var o=r;if(w.icon)o=c.ObjectUtils.getJSXElement(w.icon,{onClick:ae,className:ye,element:o,props:w});return o}return null}(),ge=function(){var e=P||{strength:"",width:"0%"},t=e.strength,n=e.width,o=c.ObjectUtils.getJSXElement(w.header,w),a=c.ObjectUtils.getJSXElement(w.footer,w),l=d({className:G("panel",{context:b}),style:w.panelStyle,onClick:oe},V("panel")),i=d({className:G("meter")},V("meter")),s=d({className:G("meterLabel",{strength:t}),style:{width:n}},V("meterLabel")),p=d({className:G("info",{strength:t})},V("info")),m=w.content?c.ObjectUtils.getJSXElement(w.content,w):f.createElement(f.Fragment,null,f.createElement("div",i,f.createElement("div",s)),f.createElement("div",p,U)),g=d({classNames:G("transition"),in:S,timeout:{enter:120,exit:100},options:w.transitionOptions,unmountOnExit:!0,onEnter:ue,onEntered:ce,onExit:pe,onExited:de},V("transition")),h=f.createElement(r.CSSTransition,y({nodeRef:Z},g),f.createElement("div",y({ref:Z},l),o,m,a));return f.createElement(u.Portal,{element:h,appendTo:w.appendTo})}(),he=d({ref:_,id:w.id,className:G("root",{isFilled:te,focusedState:L}),style:w.style},V("root")),ve=d(k(k({ref:K,id:w.inputId},be),{},{className:c.classNames(w.inputClassName,G("input")),onBlur:function(e){M(!1),w.feedback&&ie(),w.onBlur&&w.onBlur(e)},onFocus:function(e){M(!0),w.feedback&&le(),w.onFocus&&w.onFocus(e)},onInput:function(e,t){w.onInput&&w.onInput(e,t),w.onChange||(c.ObjectUtils.isNotEmpty(e.target.value)?c.DomHandler.addClass(_.current,"p-inputwrapper-filled"):c.DomHandler.removeClass(_.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;w.feedback&&t&&"Escape"!==t&&!S&&le(),w.onKeyUp&&w.onKeyUp(e)},invalid:w.invalid,style:w.inputStyle,tabIndex:w.tabIndex,tooltip:w.tooltip,tooltipOptions:w.tooltipOptions,type:J,value:w.value,__parentMetadata:{parent:X}}),V("input"));return f.createElement("div",he,f.createElement(i.InputText,ve),we,ge)})));N.displayName="Password",exports.Password=N;
@@ -50,6 +50,11 @@ export interface PasswordPassThroughOptions {
50
50
  * Uses to pass attributes to the show icon's DOM element.
51
51
  */
52
52
  showIcon?: PasswordPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
53
+ /**
54
+ * When present, it specifies that the component should have invalid state style.
55
+ * @defaultValue false
56
+ */
57
+ invalid?: boolean | undefined;
53
58
  /**
54
59
  * Uses to pass attributes to the panel's DOM element.
55
60
  */
@@ -1,9 +1,9 @@
1
1
  'use client';
2
2
  import * as React from 'react';
3
- import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
3
+ import PrimeReact, { PrimeReactContext, localeOption, ariaLabel } from 'primereact/api';
4
4
  import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
5
5
  import { CSSTransition } from 'primereact/csstransition';
6
- import { useMergeProps, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
6
+ import { useMergeProps, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useOverlayListener, useUpdateEffect, useMountEffect, useUnmountEffect } from 'primereact/hooks';
7
7
  import { EyeIcon } from 'primereact/icons/eye';
8
8
  import { EyeSlashIcon } from 'primereact/icons/eyeslash';
9
9
  import { InputText } from 'primereact/inputtext';
@@ -11,6 +11,21 @@ import { OverlayService } from 'primereact/overlayservice';
11
11
  import { Portal } from 'primereact/portal';
12
12
  import { classNames, ObjectUtils, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
13
13
 
14
+ function _extends() {
15
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
16
+ for (var i = 1; i < arguments.length; i++) {
17
+ var source = arguments[i];
18
+ for (var key in source) {
19
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
20
+ target[key] = source[key];
21
+ }
22
+ }
23
+ }
24
+ return target;
25
+ };
26
+ return _extends.apply(this, arguments);
27
+ }
28
+
14
29
  function _typeof(o) {
15
30
  "@babel/helpers - typeof";
16
31
 
@@ -52,21 +67,6 @@ function _defineProperty(obj, key, value) {
52
67
  return obj;
53
68
  }
54
69
 
55
- function _extends() {
56
- _extends = Object.assign ? Object.assign.bind() : function (target) {
57
- for (var i = 1; i < arguments.length; i++) {
58
- var source = arguments[i];
59
- for (var key in source) {
60
- if (Object.prototype.hasOwnProperty.call(source, key)) {
61
- target[key] = source[key];
62
- }
63
- }
64
- }
65
- return target;
66
- };
67
- return _extends.apply(this, arguments);
68
- }
69
-
70
70
  function _arrayWithHoles(arr) {
71
71
  if (Array.isArray(arr)) return arr;
72
72
  }
@@ -154,9 +154,11 @@ var classes = {
154
154
  var strength = _ref5.strength;
155
155
  return classNames('p-password-info', strength);
156
156
  },
157
+ showIcon: 'p-password-show-icon',
158
+ hideIcon: 'p-password-hide-icon',
157
159
  transition: 'p-connected-overlay'
158
160
  };
159
- var styles = "\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n}\n";
161
+ var styles = "\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n\n .p-password .p-password-show-icon,\n .p-password .p-password-hide-icon {\n line-height: 1.5;\n cursor: pointer;\n }\n}\n";
160
162
  var PasswordBase = ComponentBase.extend({
161
163
  defaultProps: {
162
164
  __TYPE: 'Password',
@@ -184,6 +186,7 @@ var PasswordBase = ComponentBase.extend({
184
186
  className: null,
185
187
  inputStyle: null,
186
188
  inputClassName: null,
189
+ invalid: false,
187
190
  panelStyle: null,
188
191
  panelClassName: null,
189
192
  transitionOptions: null,
@@ -300,6 +303,43 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
300
303
  }
301
304
  }
302
305
  };
306
+ var updateFeedback = function updateFeedback(value) {
307
+ if (!props.feedback) {
308
+ return false;
309
+ }
310
+ var label = null;
311
+ var meter = null;
312
+ switch (testStrength(value)) {
313
+ case 1:
314
+ label = weakLabel;
315
+ meter = {
316
+ strength: 'weak',
317
+ width: '33.33%'
318
+ };
319
+ break;
320
+ case 2:
321
+ label = mediumLabel;
322
+ meter = {
323
+ strength: 'medium',
324
+ width: '66.66%'
325
+ };
326
+ break;
327
+ case 3:
328
+ label = strongLabel;
329
+ meter = {
330
+ strength: 'strong',
331
+ width: '100%'
332
+ };
333
+ break;
334
+ default:
335
+ label = promptLabel;
336
+ meter = null;
337
+ break;
338
+ }
339
+ setMeterState(meter);
340
+ setInfoTextState(label);
341
+ return true;
342
+ };
303
343
  var onPanelClick = function onPanelClick(event) {
304
344
  if (props.feedback) {
305
345
  OverlayService.emit('overlay-click', {
@@ -362,38 +402,6 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
362
402
  var onKeyup = function onKeyup(e) {
363
403
  var keyCode = e.code;
364
404
  if (props.feedback) {
365
- var value = e.target.value;
366
- var label = null;
367
- var meter = null;
368
- switch (testStrength(value)) {
369
- case 1:
370
- label = weakLabel;
371
- meter = {
372
- strength: 'weak',
373
- width: '33.33%'
374
- };
375
- break;
376
- case 2:
377
- label = mediumLabel;
378
- meter = {
379
- strength: 'medium',
380
- width: '66.66%'
381
- };
382
- break;
383
- case 3:
384
- label = strongLabel;
385
- meter = {
386
- strength: 'strong',
387
- width: '100%'
388
- };
389
- break;
390
- default:
391
- label = promptLabel;
392
- meter = null;
393
- break;
394
- }
395
- setMeterState(meter);
396
- setInfoTextState(label);
397
405
  if (!!keyCode && keyCode !== 'Escape' && !overlayVisibleState) {
398
406
  show();
399
407
  }
@@ -409,7 +417,16 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
409
417
  }
410
418
  };
411
419
  var testStrength = function testStrength(str) {
412
- if (strongCheckRegExp.current.test(str)) return 3;else if (mediumCheckRegExp.current.test(str)) return 2;else if (str.length) return 1;
420
+ if (!str || str.length === 0) {
421
+ return 0;
422
+ }
423
+ if (strongCheckRegExp.current.test(str)) {
424
+ return 3;
425
+ } else if (mediumCheckRegExp.current.test(str)) {
426
+ return 2;
427
+ } else if (str.length > 0) {
428
+ return 1;
429
+ }
413
430
  return 0;
414
431
  };
415
432
  React.useImperativeHandle(ref, function () {
@@ -444,24 +461,47 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
444
461
  DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
445
462
  }
446
463
  }, [isFilled]);
464
+ useUpdateEffect(function () {
465
+ updateFeedback(props.value);
466
+ }, [props.value]);
447
467
  useMountEffect(function () {
448
468
  alignOverlay();
449
469
  });
450
470
  useUnmountEffect(function () {
451
471
  ZIndexUtils.clear(overlayRef.current);
452
472
  });
473
+ var onToggleMaskKeyDown = function onToggleMaskKeyDown(event) {
474
+ if (event.key === 'Enter' || event.code === 'Space') {
475
+ toggleMask();
476
+ event.preventDefault();
477
+ }
478
+ };
453
479
  var createIcon = function createIcon() {
454
480
  var icon;
455
- var hideIconProps = mergeProps(ptm('hideIcon'));
456
- var showIconProps = mergeProps(ptm('showIcon'));
481
+ var hideIconProps = mergeProps({
482
+ key: 'hideIcon',
483
+ role: 'switch',
484
+ tabIndex: props.tabIndex || '0',
485
+ className: cx('hideIcon'),
486
+ onClick: toggleMask,
487
+ onKeyDown: onToggleMaskKeyDown,
488
+ 'aria-label': ariaLabel('passwordHide') || 'Hide Password',
489
+ 'aria-checked': 'false'
490
+ }, ptm('hideIcon'));
491
+ var showIconProps = mergeProps({
492
+ key: 'showIcon',
493
+ role: 'switch',
494
+ tabIndex: props.tabIndex || '0',
495
+ className: cx('showIcon'),
496
+ onClick: toggleMask,
497
+ onKeyDown: onToggleMaskKeyDown,
498
+ 'aria-label': ariaLabel('passwordShow') || 'Show Password',
499
+ 'aria-checked': 'true'
500
+ }, ptm('showIcon'));
457
501
  if (unmaskedState) {
458
- icon = props.hideIcon || /*#__PURE__*/React.createElement(EyeSlashIcon, _extends({}, hideIconProps, {
459
- onClick: toggleMask
460
- }));
502
+ icon = props.hideIcon || /*#__PURE__*/React.createElement(EyeSlashIcon, hideIconProps);
461
503
  } else {
462
- icon = props.showIcon || /*#__PURE__*/React.createElement(EyeIcon, _extends({}, showIconProps, {
463
- onClick: toggleMask
464
- }));
504
+ icon = props.showIcon || /*#__PURE__*/React.createElement(EyeIcon, showIconProps);
465
505
  }
466
506
  var eyeIcon = IconUtils.getJSXIcon(icon, unmaskedState ? _objectSpread({}, hideIconProps) : _objectSpread({}, showIconProps), {
467
507
  props: props
@@ -564,6 +604,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
564
604
  onFocus: onFocus,
565
605
  onInput: onInput,
566
606
  onKeyUp: onKeyup,
607
+ invalid: props.invalid,
567
608
  style: props.inputStyle,
568
609
  tabIndex: props.tabIndex,
569
610
  tooltip: props.tooltip,
@@ -1 +1 @@
1
- import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as l,useDisplayOrder as u,useGlobalOnEscapeKey as p,ESC_KEY_HANDLING_PRIORITIES as s,useOverlayListener as c,useMountEffect as f,useUnmountEffect as m}from"primereact/hooks";import{EyeIcon as d}from"primereact/icons/eye";import{EyeSlashIcon as y}from"primereact/icons/eyeslash";import{InputText as g}from"primereact/inputtext";import{OverlayService as b}from"primereact/overlayservice";import{Portal as w}from"primereact/portal";import{classNames as v,ObjectUtils as h,DomHandler as E,ZIndexUtils as S,IconUtils as x}from"primereact/utils";function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function k(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=k(e,"string");return"symbol"===O(t)?t:String(t)}function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},R.apply(this,arguments)}function j(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],u=!0,p=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(p)throw o}}return l}}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function C(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 L(){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 A(e,t){return j(e)||N(e,t)||C(e,t)||L()}var T=o.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return v("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return v("p-password-input",e.props.inputClassName)},panel:function(e){var n=e.context;return v("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},meter:"p-password-meter",meterLabel:function(e){return v("p-password-strength",e.strength)},info:function(e){return v("p-password-info",e.strength)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n}\n"}});function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=I(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=e.memo(e.forwardRef((function(o,O){var k=l(),I=e.useContext(n),j=T.getProps(o,I),N=j.promptLabel||r("passwordPrompt"),P=j.weakLabel||r("weak"),C=j.mediumLabel||r("medium"),L=j.strongLabel||r("strong"),M=A(e.useState(!1),2),F=M[0],z=M[1],J=A(e.useState(null),2),U=J[0],X=J[1],Z=A(e.useState(N),2),H=Z[0],_=Z[1],B=A(e.useState(!1),2),K=B[0],V=B[1],W=A(e.useState(!1),2),Y=W[0],$=W[1],q=e.useRef(null),G=e.useRef(null),Q=e.useRef(j.inputRef),ee=e.useRef(new RegExp(j.mediumRegex)),te=e.useRef(new RegExp(j.strongRegex)),ne=Y?"text":"password",re={props:j,state:{overlayVisible:F,meter:U,infoText:H,focused:K,unmasked:Y}},oe=T.setMetaData(re),ie=oe.ptm,ae=oe.cx;i(T.css.styles,oe.isUnstyled,{name:"password"});var le=u("password",F);p({callback:function(){be()},when:F&&j.feedback&&le,priority:[s.PASSWORD,le]});var ue=A(c({target:q,overlay:G,listener:function(e,t){t.valid&&be()},when:F}),2),pe=ue[0],se=ue[1],ce=Q.current&&Q.current.value,fe=e.useMemo((function(){return h.isNotEmpty(j.value)||h.isNotEmpty(j.defaultValue)||h.isNotEmpty(ce)}),[j.value,j.defaultValue,ce]),me=function(){if(U){var e=null;switch(U.strength){case"weak":e=P;break;case"medium":e=C;break;case"strong":e=L}e&&H!==e&&_(e)}else H!==N&&_(N)},de=function(e){j.feedback&&b.emit("overlay-click",{originalEvent:e,target:q.current})},ye=function(){$((function(e){return!e}))},ge=function(){me(),z(!0)},be=function(){z(!1)},we=function(){Q.current&&E.alignOverlay(G.current,Q.current.parentElement,j.appendTo||I&&I.appendTo||t.appendTo)},ve=function(){S.set("overlay",G.current,I&&I.autoZIndex||t.autoZIndex,I&&I.zIndex.overlay||t.zIndex.overlay),E.addStyles(G.current,{position:"absolute",top:"0",left:"0"}),we()},he=function(){pe(),j.onShow&&j.onShow()},Ee=function(){se()},Se=function(){S.clear(G.current),j.onHide&&j.onHide()},xe=function(e){return te.current.test(e)?3:ee.current.test(e)?2:e.length?1:0};e.useImperativeHandle(O,(function(){return{props:j,toggleMask:ye,focus:function(){return E.focus(Q.current)},getElement:function(){return q.current},getOverlay:function(){return G.current},getInput:function(){return Q.current}}})),e.useEffect((function(){h.combinedRefs(Q,j.inputRef)}),[Q,j.inputRef]),e.useEffect((function(){ee.current=new RegExp(j.mediumRegex)}),[j.mediumRegex]),e.useEffect((function(){te.current=new RegExp(j.strongRegex)}),[j.strongRegex]),e.useEffect((function(){!fe&&E.hasClass(q.current,"p-inputwrapper-filled")&&E.removeClass(q.current,"p-inputwrapper-filled")}),[fe]),f((function(){we()})),m((function(){S.clear(G.current)}));var Oe=v("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":fe,"p-inputwrapper-focus":K,"p-input-icon-right":j.toggleMask},j.className),ke=T.getOtherProps(j),Ie=function(){var t,n=k(ie("hideIcon")),r=k(ie("showIcon"));t=Y?j.hideIcon||e.createElement(y,R({},n,{onClick:ye})):j.showIcon||e.createElement(d,R({},r,{onClick:ye}));var o=x.getJSXIcon(t,D({},Y?n:r),{props:j});if(j.toggleMask){var i=o;if(j.icon)i=h.getJSXElement(j.icon,{onClick:ye,className:Oe,element:i,props:j});return i}return null}(),Re=function(){var t=U||{strength:"",width:"0%"},n=t.strength,r=t.width,o=h.getJSXElement(j.header,j),i=h.getJSXElement(j.footer,j),l=k({className:ae("panel",{context:I}),style:j.panelStyle,onClick:de},ie("panel")),u=k({className:ae("meter")},ie("meter")),p=k({className:ae("meterLabel",{strength:n}),style:{width:r}},ie("meterLabel")),s=k({className:ae("info",{strength:n})},ie("info")),c=j.content?h.getJSXElement(j.content,j):e.createElement(e.Fragment,null,e.createElement("div",u,e.createElement("div",p)),e.createElement("div",s,H)),f=k({classNames:ae("transition"),in:F,timeout:{enter:120,exit:100},options:j.transitionOptions,unmountOnExit:!0,onEnter:ve,onEntered:he,onExit:Ee,onExited:Se},ie("transition")),m=e.createElement(a,R({nodeRef:G},f),e.createElement("div",R({ref:G},l),o,c,i));return e.createElement(w,{element:m,appendTo:j.appendTo})}(),je=k({ref:q,id:j.id,className:ae("root",{isFilled:fe,focusedState:K}),style:j.style},ie("root")),Ne=k(D(D({ref:Q,id:j.inputId},ke),{},{className:v(j.inputClassName,ae("input")),onBlur:function(e){V(!1),j.feedback&&be(),j.onBlur&&j.onBlur(e)},onFocus:function(e){V(!0),j.feedback&&ge(),j.onFocus&&j.onFocus(e)},onInput:function(e,t){j.onInput&&j.onInput(e,t),j.onChange||(h.isNotEmpty(e.target.value)?E.addClass(q.current,"p-inputwrapper-filled"):E.removeClass(q.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;if(j.feedback){var n=null,r=null;switch(xe(e.target.value)){case 1:n=P,r={strength:"weak",width:"33.33%"};break;case 2:n=C,r={strength:"medium",width:"66.66%"};break;case 3:n=L,r={strength:"strong",width:"100%"};break;default:n=N,r=null}X(r),_(n),t&&"Escape"!==t&&!F&&ge()}j.onKeyUp&&j.onKeyUp(e)},style:j.inputStyle,tabIndex:j.tabIndex,tooltip:j.tooltip,tooltipOptions:j.tooltipOptions,type:ne,value:j.value,__parentMetadata:{parent:re}}),ie("input"));return e.createElement("div",je,e.createElement(g,Ne),Ie,Re)})));F.displayName="Password";export{F as Password};
1
+ import*as e from"react";import t,{PrimeReactContext as n,localeOption as r,ariaLabel as o}from"primereact/api";import{ComponentBase as a,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMergeProps as s,useDisplayOrder as u,useGlobalOnEscapeKey as p,ESC_KEY_HANDLING_PRIORITIES as c,useOverlayListener as f,useUpdateEffect as d,useMountEffect as m,useUnmountEffect as w}from"primereact/hooks";import{EyeIcon as y}from"primereact/icons/eye";import{EyeSlashIcon as g}from"primereact/icons/eyeslash";import{InputText as h}from"primereact/inputtext";import{OverlayService as b}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{classNames as E,ObjectUtils as S,DomHandler as x,ZIndexUtils as k,IconUtils as O}from"primereact/utils";function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},I.apply(this,arguments)}function R(e){return R="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},R(e)}function N(e,t){if("object"!==R(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==R(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=N(e,"string");return"symbol"===R(t)?t:String(t)}function P(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,l=[],s=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function A(e,t){if(e){if("string"==typeof e)return L(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)?L(e,t):void 0}}function T(){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 D(e,t){return P(e)||C(e,t)||A(e,t)||T()}var M=a.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,invalid:!1,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return E("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return E("p-password-input",e.props.inputClassName)},panel:function(e){var n=e.context;return E("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},meter:"p-password-meter",meterLabel:function(e){return E("p-password-strength",e.strength)},info:function(e){return E("p-password-info",e.strength)},showIcon:"p-password-show-icon",hideIcon:"p-password-hide-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n\n .p-password .p-password-show-icon,\n .p-password .p-password-hide-icon {\n line-height: 1.5;\n cursor: pointer;\n }\n}\n"}});function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){var r,o,a;r=e,a=n[t],(o=j(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=e.memo(e.forwardRef((function(a,R){var N=s(),j=e.useContext(n),P=M.getProps(a,j),C=P.promptLabel||r("passwordPrompt"),L=P.weakLabel||r("weak"),A=P.mediumLabel||r("medium"),T=P.strongLabel||r("strong"),F=D(e.useState(!1),2),z=F[0],J=F[1],K=D(e.useState(null),2),U=K[0],X=K[1],Z=D(e.useState(C),2),_=Z[0],B=Z[1],V=D(e.useState(!1),2),W=V[0],Y=V[1],$=D(e.useState(!1),2),q=$[0],G=$[1],Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(P.inputRef),ne=e.useRef(new RegExp(P.mediumRegex)),re=e.useRef(new RegExp(P.strongRegex)),oe=q?"text":"password",ae={props:P,state:{overlayVisible:z,meter:U,infoText:_,focused:W,unmasked:q}},ie=M.setMetaData(ae),le=ie.ptm,se=ie.cx;i(M.css.styles,ie.isUnstyled,{name:"password"});var ue=u("password",z);p({callback:function(){ve()},when:z&&P.feedback&&ue,priority:[c.PASSWORD,ue]});var pe=D(f({target:Q,overlay:ee,listener:function(e,t){t.valid&&ve()},when:z}),2),ce=pe[0],fe=pe[1],de=te.current&&te.current.value,me=e.useMemo((function(){return S.isNotEmpty(P.value)||S.isNotEmpty(P.defaultValue)||S.isNotEmpty(de)}),[P.value,P.defaultValue,de]),we=function(){if(U){var e=null;switch(U.strength){case"weak":e=L;break;case"medium":e=A;break;case"strong":e=T}e&&_!==e&&B(e)}else _!==C&&B(C)},ye=function(e){if(!P.feedback)return!1;var t=null,n=null;switch(Ie(e)){case 1:t=L,n={strength:"weak",width:"33.33%"};break;case 2:t=A,n={strength:"medium",width:"66.66%"};break;case 3:t=T,n={strength:"strong",width:"100%"};break;default:t=C,n=null}return X(n),B(t),!0},ge=function(e){P.feedback&&b.emit("overlay-click",{originalEvent:e,target:Q.current})},he=function(){G((function(e){return!e}))},be=function(){we(),J(!0)},ve=function(){J(!1)},Ee=function(){te.current&&x.alignOverlay(ee.current,te.current.parentElement,P.appendTo||j&&j.appendTo||t.appendTo)},Se=function(){k.set("overlay",ee.current,j&&j.autoZIndex||t.autoZIndex,j&&j.zIndex.overlay||t.zIndex.overlay),x.addStyles(ee.current,{position:"absolute",top:"0",left:"0"}),Ee()},xe=function(){ce(),P.onShow&&P.onShow()},ke=function(){fe()},Oe=function(){k.clear(ee.current),P.onHide&&P.onHide()},Ie=function(e){return e&&0!==e.length?re.current.test(e)?3:ne.current.test(e)?2:e.length>0?1:0:0};e.useImperativeHandle(R,(function(){return{props:P,toggleMask:he,focus:function(){return x.focus(te.current)},getElement:function(){return Q.current},getOverlay:function(){return ee.current},getInput:function(){return te.current}}})),e.useEffect((function(){S.combinedRefs(te,P.inputRef)}),[te,P.inputRef]),e.useEffect((function(){ne.current=new RegExp(P.mediumRegex)}),[P.mediumRegex]),e.useEffect((function(){re.current=new RegExp(P.strongRegex)}),[P.strongRegex]),e.useEffect((function(){!me&&x.hasClass(Q.current,"p-inputwrapper-filled")&&x.removeClass(Q.current,"p-inputwrapper-filled")}),[me]),d((function(){ye(P.value)}),[P.value]),m((function(){Ee()})),w((function(){k.clear(ee.current)}));var Re=function(e){"Enter"!==e.key&&"Space"!==e.code||(he(),e.preventDefault())},Ne=E("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":me,"p-inputwrapper-focus":W,"p-input-icon-right":P.toggleMask},P.className),je=M.getOtherProps(P),Pe=function(){var t=N({key:"hideIcon",role:"switch",tabIndex:P.tabIndex||"0",className:se("hideIcon"),onClick:he,onKeyDown:Re,"aria-label":o("passwordHide")||"Hide Password","aria-checked":"false"},le("hideIcon")),n=N({key:"showIcon",role:"switch",tabIndex:P.tabIndex||"0",className:se("showIcon"),onClick:he,onKeyDown:Re,"aria-label":o("passwordShow")||"Show Password","aria-checked":"true"},le("showIcon")),r=O.getJSXIcon(q?P.hideIcon||e.createElement(g,t):P.showIcon||e.createElement(y,n),H({},q?t:n),{props:P});if(P.toggleMask){var a=r;if(P.icon)a=S.getJSXElement(P.icon,{onClick:he,className:Ne,element:a,props:P});return a}return null}(),Ce=function(){var t=U||{strength:"",width:"0%"},n=t.strength,r=t.width,o=S.getJSXElement(P.header,P),a=S.getJSXElement(P.footer,P),i=N({className:se("panel",{context:j}),style:P.panelStyle,onClick:ge},le("panel")),s=N({className:se("meter")},le("meter")),u=N({className:se("meterLabel",{strength:n}),style:{width:r}},le("meterLabel")),p=N({className:se("info",{strength:n})},le("info")),c=P.content?S.getJSXElement(P.content,P):e.createElement(e.Fragment,null,e.createElement("div",s,e.createElement("div",u)),e.createElement("div",p,_)),f=N({classNames:se("transition"),in:z,timeout:{enter:120,exit:100},options:P.transitionOptions,unmountOnExit:!0,onEnter:Se,onEntered:xe,onExit:ke,onExited:Oe},le("transition")),d=e.createElement(l,I({nodeRef:ee},f),e.createElement("div",I({ref:ee},i),o,c,a));return e.createElement(v,{element:d,appendTo:P.appendTo})}(),Le=N({ref:Q,id:P.id,className:se("root",{isFilled:me,focusedState:W}),style:P.style},le("root")),Ae=N(H(H({ref:te,id:P.inputId},je),{},{className:E(P.inputClassName,se("input")),onBlur:function(e){Y(!1),P.feedback&&ve(),P.onBlur&&P.onBlur(e)},onFocus:function(e){Y(!0),P.feedback&&be(),P.onFocus&&P.onFocus(e)},onInput:function(e,t){P.onInput&&P.onInput(e,t),P.onChange||(S.isNotEmpty(e.target.value)?x.addClass(Q.current,"p-inputwrapper-filled"):x.removeClass(Q.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;P.feedback&&t&&"Escape"!==t&&!z&&be(),P.onKeyUp&&P.onKeyUp(e)},invalid:P.invalid,style:P.inputStyle,tabIndex:P.tabIndex,tooltip:P.tooltip,tooltipOptions:P.tooltipOptions,type:oe,value:P.value,__parentMetadata:{parent:ae}}),le("input"));return e.createElement("div",Le,e.createElement(h,Ae),Pe,Ce)})));z.displayName="Password";export{z as Password};