primereact 7.0.1 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (314) hide show
  1. package/README.md +1 -1
  2. package/accordion/accordion.cjs.js +12 -6
  3. package/accordion/accordion.cjs.min.js +1 -1
  4. package/accordion/accordion.d.ts +5 -2
  5. package/accordion/accordion.esm.js +12 -6
  6. package/accordion/accordion.esm.min.js +1 -1
  7. package/accordion/accordion.js +12 -6
  8. package/accordion/accordion.min.js +1 -1
  9. package/api/api.cjs.js +2 -0
  10. package/api/api.cjs.min.js +1 -1
  11. package/api/api.d.ts +30 -30
  12. package/api/api.esm.js +2 -0
  13. package/api/api.esm.min.js +1 -1
  14. package/api/api.js +2 -0
  15. package/api/api.min.js +1 -1
  16. package/autocomplete/autocomplete.cjs.js +4 -4
  17. package/autocomplete/autocomplete.cjs.min.js +1 -1
  18. package/autocomplete/autocomplete.d.ts +9 -4
  19. package/autocomplete/autocomplete.esm.js +4 -4
  20. package/autocomplete/autocomplete.esm.min.js +1 -1
  21. package/autocomplete/autocomplete.js +4 -4
  22. package/autocomplete/autocomplete.min.js +1 -1
  23. package/avatar/avatar.d.ts +1 -1
  24. package/blockui/blockui.cjs.js +12 -5
  25. package/blockui/blockui.cjs.min.js +1 -1
  26. package/blockui/blockui.esm.js +12 -5
  27. package/blockui/blockui.esm.min.js +1 -1
  28. package/blockui/blockui.js +12 -5
  29. package/blockui/blockui.min.js +1 -1
  30. package/button/button.d.ts +1 -1
  31. package/calendar/calendar.cjs.js +22 -3
  32. package/calendar/calendar.cjs.min.js +1 -1
  33. package/calendar/calendar.d.ts +3 -2
  34. package/calendar/calendar.esm.js +22 -3
  35. package/calendar/calendar.esm.min.js +1 -1
  36. package/calendar/calendar.js +22 -3
  37. package/calendar/calendar.min.js +1 -1
  38. package/carousel/carousel.cjs.js +8 -9
  39. package/carousel/carousel.cjs.min.js +1 -1
  40. package/carousel/carousel.esm.js +8 -9
  41. package/carousel/carousel.esm.min.js +1 -1
  42. package/carousel/carousel.js +8 -9
  43. package/carousel/carousel.min.js +1 -1
  44. package/cascadeselect/cascadeselect.cjs.js +1 -1
  45. package/cascadeselect/cascadeselect.cjs.min.js +1 -1
  46. package/cascadeselect/cascadeselect.d.ts +2 -1
  47. package/cascadeselect/cascadeselect.esm.js +1 -1
  48. package/cascadeselect/cascadeselect.esm.min.js +1 -1
  49. package/cascadeselect/cascadeselect.js +1 -1
  50. package/cascadeselect/cascadeselect.min.js +1 -1
  51. package/checkbox/checkbox.d.ts +1 -1
  52. package/chip/chip.d.ts +1 -1
  53. package/colorpicker/colorpicker.cjs.js +1 -1
  54. package/colorpicker/colorpicker.cjs.min.js +1 -1
  55. package/colorpicker/colorpicker.d.ts +19 -5
  56. package/colorpicker/colorpicker.esm.js +1 -1
  57. package/colorpicker/colorpicker.esm.min.js +1 -1
  58. package/colorpicker/colorpicker.js +1 -1
  59. package/colorpicker/colorpicker.min.js +1 -1
  60. package/column/column.d.ts +1 -1
  61. package/confirmdialog/confirmdialog.d.ts +1 -1
  62. package/confirmpopup/confirmpopup.cjs.js +2 -2
  63. package/confirmpopup/confirmpopup.cjs.min.js +1 -1
  64. package/confirmpopup/confirmpopup.d.ts +3 -2
  65. package/confirmpopup/confirmpopup.esm.js +2 -2
  66. package/confirmpopup/confirmpopup.esm.min.js +1 -1
  67. package/confirmpopup/confirmpopup.js +2 -2
  68. package/confirmpopup/confirmpopup.min.js +1 -1
  69. package/contextmenu/contextmenu.cjs.js +1 -1
  70. package/contextmenu/contextmenu.cjs.min.js +1 -1
  71. package/contextmenu/contextmenu.d.ts +2 -1
  72. package/contextmenu/contextmenu.esm.js +1 -1
  73. package/contextmenu/contextmenu.esm.min.js +1 -1
  74. package/contextmenu/contextmenu.js +1 -1
  75. package/contextmenu/contextmenu.min.js +1 -1
  76. package/core/core.js +185 -68
  77. package/core/core.min.js +9 -9
  78. package/csstransition/csstransition.cjs.js +49 -19
  79. package/csstransition/csstransition.cjs.min.js +1 -1
  80. package/csstransition/csstransition.d.ts +8 -0
  81. package/csstransition/csstransition.esm.js +48 -19
  82. package/csstransition/csstransition.esm.min.js +1 -1
  83. package/csstransition/csstransition.js +49 -21
  84. package/csstransition/csstransition.min.js +1 -1
  85. package/csstransition/package.json +2 -1
  86. package/datatable/datatable.cjs.js +238 -186
  87. package/datatable/datatable.cjs.min.js +1 -1
  88. package/datatable/datatable.d.ts +25 -11
  89. package/datatable/datatable.esm.js +238 -186
  90. package/datatable/datatable.esm.min.js +1 -1
  91. package/datatable/datatable.js +238 -186
  92. package/datatable/datatable.min.js +1 -1
  93. package/dialog/dialog.cjs.js +2 -8
  94. package/dialog/dialog.cjs.min.js +1 -1
  95. package/dialog/dialog.d.ts +2 -1
  96. package/dialog/dialog.esm.js +2 -8
  97. package/dialog/dialog.esm.min.js +1 -1
  98. package/dialog/dialog.js +2 -8
  99. package/dialog/dialog.min.js +1 -1
  100. package/dropdown/dropdown.cjs.js +14 -4
  101. package/dropdown/dropdown.cjs.min.js +1 -1
  102. package/dropdown/dropdown.d.ts +2 -1
  103. package/dropdown/dropdown.esm.js +14 -4
  104. package/dropdown/dropdown.esm.min.js +1 -1
  105. package/dropdown/dropdown.js +14 -4
  106. package/dropdown/dropdown.min.js +1 -1
  107. package/editor/editor.cjs.js +6 -2
  108. package/editor/editor.cjs.min.js +1 -1
  109. package/editor/editor.d.ts +1 -0
  110. package/editor/editor.esm.js +6 -2
  111. package/editor/editor.esm.min.js +1 -1
  112. package/editor/editor.js +6 -2
  113. package/editor/editor.min.js +1 -1
  114. package/fieldset/fieldset.d.ts +2 -1
  115. package/fileupload/fileupload.d.ts +1 -1
  116. package/galleria/galleria.cjs.js +1 -2
  117. package/galleria/galleria.cjs.min.js +1 -1
  118. package/galleria/galleria.d.ts +2 -1
  119. package/galleria/galleria.esm.js +1 -2
  120. package/galleria/galleria.esm.min.js +1 -1
  121. package/galleria/galleria.js +1 -2
  122. package/galleria/galleria.min.js +1 -1
  123. package/inputmask/inputmask.cjs.js +2 -2
  124. package/inputmask/inputmask.cjs.min.js +1 -1
  125. package/inputmask/inputmask.d.ts +1 -1
  126. package/inputmask/inputmask.esm.js +2 -2
  127. package/inputmask/inputmask.esm.min.js +1 -1
  128. package/inputmask/inputmask.js +2 -2
  129. package/inputmask/inputmask.min.js +1 -1
  130. package/inputnumber/inputnumber.cjs.js +10 -5
  131. package/inputnumber/inputnumber.cjs.min.js +1 -1
  132. package/inputnumber/inputnumber.d.ts +4 -4
  133. package/inputnumber/inputnumber.esm.js +10 -5
  134. package/inputnumber/inputnumber.esm.min.js +1 -1
  135. package/inputnumber/inputnumber.js +10 -5
  136. package/inputnumber/inputnumber.min.js +1 -1
  137. package/mention/mention.cjs.js +1 -1
  138. package/mention/mention.cjs.min.js +1 -1
  139. package/mention/mention.d.ts +2 -1
  140. package/mention/mention.esm.js +1 -1
  141. package/mention/mention.esm.min.js +1 -1
  142. package/mention/mention.js +1 -1
  143. package/mention/mention.min.js +1 -1
  144. package/menu/menu.cjs.js +1 -1
  145. package/menu/menu.cjs.min.js +1 -1
  146. package/menu/menu.d.ts +2 -1
  147. package/menu/menu.esm.js +1 -1
  148. package/menu/menu.esm.min.js +1 -1
  149. package/menu/menu.js +1 -1
  150. package/menu/menu.min.js +1 -1
  151. package/menubar/menubar.min.css +1 -1
  152. package/messages/messages.d.ts +2 -1
  153. package/multiselect/multiselect.cjs.js +2 -2
  154. package/multiselect/multiselect.cjs.min.js +1 -1
  155. package/multiselect/multiselect.d.ts +3 -2
  156. package/multiselect/multiselect.esm.js +2 -2
  157. package/multiselect/multiselect.esm.min.js +1 -1
  158. package/multiselect/multiselect.js +2 -2
  159. package/multiselect/multiselect.min.js +1 -1
  160. package/multistatecheckbox/multistatecheckbox.d.ts +1 -1
  161. package/organizationchart/organizationchart.min.css +1 -1
  162. package/overlaypanel/overlaypanel.cjs.js +3 -7
  163. package/overlaypanel/overlaypanel.cjs.min.js +1 -1
  164. package/overlaypanel/overlaypanel.d.ts +2 -1
  165. package/overlaypanel/overlaypanel.esm.js +3 -7
  166. package/overlaypanel/overlaypanel.esm.min.js +1 -1
  167. package/overlaypanel/overlaypanel.js +3 -7
  168. package/overlaypanel/overlaypanel.min.js +1 -1
  169. package/package.json +3 -2
  170. package/panel/panel.cjs.js +3 -2
  171. package/panel/panel.cjs.min.js +1 -1
  172. package/panel/panel.d.ts +5 -3
  173. package/panel/panel.esm.js +4 -3
  174. package/panel/panel.esm.min.js +1 -1
  175. package/panel/panel.js +3 -2
  176. package/panel/panel.min.js +1 -1
  177. package/panelmenu/panelmenu.d.ts +2 -1
  178. package/password/password.cjs.js +1 -1
  179. package/password/password.cjs.min.js +1 -1
  180. package/password/password.d.ts +2 -1
  181. package/password/password.esm.js +1 -1
  182. package/password/password.esm.min.js +1 -1
  183. package/password/password.js +1 -1
  184. package/password/password.min.js +1 -1
  185. package/portal/portal.cjs.js +2 -6
  186. package/portal/portal.cjs.min.js +1 -1
  187. package/portal/portal.esm.js +2 -6
  188. package/portal/portal.esm.min.js +1 -1
  189. package/portal/portal.js +3 -8
  190. package/portal/portal.min.js +1 -1
  191. package/primereact.all.cjs.js +850 -630
  192. package/primereact.all.cjs.min.js +1 -1
  193. package/primereact.all.esm.js +850 -630
  194. package/primereact.all.esm.min.js +1 -1
  195. package/primereact.all.js +850 -630
  196. package/primereact.all.min.js +1 -1
  197. package/resources/primereact.css +356 -354
  198. package/resources/primereact.min.css +1 -1
  199. package/resources/themes/arya-blue/theme.css +4 -0
  200. package/resources/themes/arya-green/theme.css +4 -0
  201. package/resources/themes/arya-orange/theme.css +4 -0
  202. package/resources/themes/arya-purple/theme.css +4 -0
  203. package/resources/themes/bootstrap4-dark-blue/theme.css +4 -0
  204. package/resources/themes/bootstrap4-dark-purple/theme.css +4 -0
  205. package/resources/themes/bootstrap4-light-blue/theme.css +4 -0
  206. package/resources/themes/bootstrap4-light-purple/theme.css +4 -0
  207. package/resources/themes/fluent-light/theme.css +4 -0
  208. package/resources/themes/lara-dark-blue/theme.css +26 -22
  209. package/resources/themes/lara-dark-indigo/theme.css +26 -22
  210. package/resources/themes/lara-dark-purple/theme.css +26 -22
  211. package/resources/themes/lara-dark-teal/theme.css +26 -22
  212. package/resources/themes/lara-light-blue/theme.css +4 -0
  213. package/resources/themes/lara-light-indigo/theme.css +4 -0
  214. package/resources/themes/lara-light-purple/theme.css +4 -0
  215. package/resources/themes/lara-light-teal/theme.css +4 -0
  216. package/resources/themes/luna-amber/theme.css +4 -0
  217. package/resources/themes/luna-blue/theme.css +4 -0
  218. package/resources/themes/luna-green/theme.css +4 -0
  219. package/resources/themes/luna-pink/theme.css +4 -0
  220. package/resources/themes/md-dark-deeppurple/theme.css +4 -0
  221. package/resources/themes/md-dark-indigo/theme.css +4 -0
  222. package/resources/themes/md-light-deeppurple/theme.css +4 -0
  223. package/resources/themes/md-light-indigo/theme.css +4 -0
  224. package/resources/themes/mdc-dark-deeppurple/theme.css +4 -0
  225. package/resources/themes/mdc-dark-indigo/theme.css +4 -0
  226. package/resources/themes/mdc-light-deeppurple/theme.css +4 -0
  227. package/resources/themes/mdc-light-indigo/theme.css +4 -0
  228. package/resources/themes/nova/theme.css +4 -0
  229. package/resources/themes/nova-accent/theme.css +4 -0
  230. package/resources/themes/nova-alt/theme.css +4 -0
  231. package/resources/themes/rhea/theme.css +4 -0
  232. package/resources/themes/saga-blue/theme.css +4 -0
  233. package/resources/themes/saga-green/theme.css +4 -0
  234. package/resources/themes/saga-orange/theme.css +4 -0
  235. package/resources/themes/saga-purple/theme.css +4 -0
  236. package/resources/themes/tailwind-light/theme.css +4 -0
  237. package/resources/themes/vela-blue/theme.css +4 -0
  238. package/resources/themes/vela-green/theme.css +4 -0
  239. package/resources/themes/vela-orange/theme.css +4 -0
  240. package/resources/themes/vela-purple/theme.css +4 -0
  241. package/scrolltop/scrolltop.d.ts +3 -2
  242. package/selectitem/selectitem.d.ts +1 -1
  243. package/sidebar/sidebar.d.ts +2 -1
  244. package/slidemenu/slidemenu.cjs.js +1 -1
  245. package/slidemenu/slidemenu.cjs.min.js +1 -1
  246. package/slidemenu/slidemenu.d.ts +2 -1
  247. package/slidemenu/slidemenu.esm.js +1 -1
  248. package/slidemenu/slidemenu.esm.min.js +1 -1
  249. package/slidemenu/slidemenu.js +1 -1
  250. package/slidemenu/slidemenu.min.js +1 -1
  251. package/speeddial/speeddial.d.ts +1 -1
  252. package/splitbutton/splitbutton.cjs.js +7 -3
  253. package/splitbutton/splitbutton.cjs.min.js +1 -1
  254. package/splitbutton/splitbutton.d.ts +5 -2
  255. package/splitbutton/splitbutton.esm.js +7 -3
  256. package/splitbutton/splitbutton.esm.min.js +1 -1
  257. package/splitbutton/splitbutton.js +7 -3
  258. package/splitbutton/splitbutton.min.js +1 -1
  259. package/tabview/tabview.cjs.js +21 -4
  260. package/tabview/tabview.cjs.min.js +1 -1
  261. package/tabview/tabview.d.ts +8 -0
  262. package/tabview/tabview.esm.js +21 -4
  263. package/tabview/tabview.esm.min.js +1 -1
  264. package/tabview/tabview.js +21 -4
  265. package/tabview/tabview.min.js +1 -1
  266. package/tag/tag.d.ts +1 -1
  267. package/tieredmenu/tieredmenu.cjs.js +1 -1
  268. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  269. package/tieredmenu/tieredmenu.d.ts +2 -1
  270. package/tieredmenu/tieredmenu.esm.js +1 -1
  271. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  272. package/tieredmenu/tieredmenu.js +1 -1
  273. package/tieredmenu/tieredmenu.min.js +1 -1
  274. package/toast/toast.d.ts +2 -1
  275. package/togglebutton/togglebutton.d.ts +1 -1
  276. package/tooltip/tooltip.cjs.js +32 -6
  277. package/tooltip/tooltip.cjs.min.js +1 -1
  278. package/tooltip/tooltip.d.ts +0 -1
  279. package/tooltip/tooltip.esm.js +32 -6
  280. package/tooltip/tooltip.esm.min.js +1 -1
  281. package/tooltip/tooltip.js +32 -6
  282. package/tooltip/tooltip.min.js +1 -1
  283. package/tooltip/tooltipoptions.d.ts +2 -0
  284. package/tree/tree.d.ts +8 -4
  285. package/treenode/treenode.d.ts +1 -1
  286. package/treeselect/treeselect.cjs.js +1 -1
  287. package/treeselect/treeselect.cjs.min.js +1 -1
  288. package/treeselect/treeselect.d.ts +2 -1
  289. package/treeselect/treeselect.esm.js +1 -1
  290. package/treeselect/treeselect.esm.min.js +1 -1
  291. package/treeselect/treeselect.js +1 -1
  292. package/treeselect/treeselect.min.js +1 -1
  293. package/treetable/treetable.cjs.js +48 -1
  294. package/treetable/treetable.cjs.min.js +1 -1
  295. package/treetable/treetable.d.ts +1 -1
  296. package/treetable/treetable.esm.js +48 -1
  297. package/treetable/treetable.esm.min.js +1 -1
  298. package/treetable/treetable.js +48 -1
  299. package/treetable/treetable.min.js +1 -1
  300. package/utils/utils.cjs.js +48 -1
  301. package/utils/utils.cjs.min.js +1 -1
  302. package/utils/utils.d.ts +1 -0
  303. package/utils/utils.esm.js +48 -1
  304. package/utils/utils.esm.min.js +1 -1
  305. package/utils/utils.js +48 -1
  306. package/utils/utils.min.js +1 -1
  307. package/virtualscroller/virtualscroller.cjs.js +27 -17
  308. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  309. package/virtualscroller/virtualscroller.esm.js +27 -17
  310. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  311. package/virtualscroller/virtualscroller.js +27 -17
  312. package/virtualscroller/virtualscroller.min.js +1 -1
  313. package/web-types.json +2 -2
  314. package/util.d.ts +0 -1
@@ -192,7 +192,7 @@ this.primereact.overlaypanel = (function (exports, React, utils, csstransition,
192
192
 
193
193
  if (!this.resizeListener) {
194
194
  this.resizeListener = function () {
195
- if (_this4.state.visible && !utils.DomHandler.isAndroid()) {
195
+ if (_this4.state.visible && !utils.DomHandler.isTouchDevice()) {
196
196
  _this4.hide();
197
197
  }
198
198
  };
@@ -343,8 +343,7 @@ this.primereact.overlaypanel = (function (exports, React, utils, csstransition,
343
343
  key: "createStyle",
344
344
  value: function createStyle() {
345
345
  if (!this.styleElement) {
346
- this.styleElement = document.createElement('style');
347
- document.head.appendChild(this.styleElement);
346
+ this.styleElement = utils.DomHandler.createInlineStyle();
348
347
  var innerHTML = '';
349
348
 
350
349
  for (var breakpoint in this.props.breakpoints) {
@@ -372,10 +371,7 @@ this.primereact.overlaypanel = (function (exports, React, utils, csstransition,
372
371
  this.scrollHandler = null;
373
372
  }
374
373
 
375
- if (this.styleElement) {
376
- document.head.removeChild(this.styleElement);
377
- this.styleElement = null;
378
- }
374
+ this.styleElement = utils.DomHandler.removeInlineStyle(this.styleElement);
379
375
 
380
376
  if (this.overlayEventListener) {
381
377
  overlayservice.OverlayService.off('overlay-click', this.overlayEventListener);
@@ -1 +1 @@
1
- this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,t,n,i,r,o,l,s){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t),u=a(s);function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,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 m(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return f(e)}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}function k(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var C,E,L,g=function(e){v(E,e);var t,s,a,p,y,C=(t=E,s=k(),function(){var e,n=b(t);if(s){var i=b(this).constructor;e=Reflect.construct(n,arguments,i)}else e=n.apply(this,arguments);return m(this,e)});function E(e){var t;return d(this,E),(t=C.call(this,e)).state={visible:!1},t.onCloseClick=t.onCloseClick.bind(f(t)),t.onPanelClick=t.onPanelClick.bind(f(t)),t.onEnter=t.onEnter.bind(f(t)),t.onEntered=t.onEntered.bind(f(t)),t.onExit=t.onExit.bind(f(t)),t.onExited=t.onExited.bind(f(t)),t.onContentClick=t.onContentClick.bind(f(t)),t.attributeSelector=n.UniqueComponentId(),t.overlayRef=c.default.createRef(),t}return a=E,(p=[{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.target,(function(){e.state.visible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.visible&&!n.DomHandler.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"hasTargetChanged",value:function(e,t){return null!=this.target&&this.target!==(t||e.currentTarget||e.target)}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,o.OverlayService.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"onContentClick",value:function(){this.isPanelClicked=!0}},{key:"toggle",value:function(e,t){var n=this;this.state.visible?(this.hide(),this.hasTargetChanged(e,t)&&(this.target=t||e.currentTarget||e.target,setTimeout((function(){n.show(e,n.target)}),200))):this.show(e,t)}},{key:"show",value:function(e,t){var n=this;this.target=t||e.currentTarget||e.target,this.state.visible?this.align():this.setState({visible:!0},(function(){n.overlayEventListener=function(e){n.isOutsideClicked(e.target)||(n.isPanelClicked=!0)},o.OverlayService.on("overlay-click",n.overlayEventListener)}))}},{key:"hide",value:function(){var e=this;this.setState({visible:!1},(function(){o.OverlayService.off("overlay-click",e.overlayEventListener),e.overlayEventListener=null}))}},{key:"onEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current,u.default.autoZIndex,u.default.zIndex.overlay),this.overlayRef.current.setAttribute(this.attributeSelector,""),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"align",value:function(){if(this.target){n.DomHandler.absolutePosition(this.overlayRef.current,this.target);var e=n.DomHandler.getOffset(this.overlayRef.current),t=n.DomHandler.getOffset(this.target),i=0;e.left<t.left&&(i=t.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(i,"px")),e.top<t.top&&n.DomHandler.addClass(this.overlayRef.current,"p-overlaypanel-flipped")}}},{key:"createStyle",value:function(){if(!this.styleElement){this.styleElement=document.createElement("style"),document.head.appendChild(this.styleElement);var e="";for(var t in this.props.breakpoints)e+="\n @media screen and (max-width: ".concat(t,") {\n .p-overlaypanel[").concat(this.attributeSelector,"] {\n width: ").concat(this.props.breakpoints[t]," !important;\n }\n }\n ");this.styleElement.innerHTML=e}}},{key:"componentDidMount",value:function(){this.props.breakpoints&&this.createStyle()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null),this.overlayEventListener&&(o.OverlayService.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderCloseIcon",value:function(){return this.props.showCloseIcon?c.default.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:this.onCloseClick,"aria-label":this.props.ariaCloseLabel},c.default.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),c.default.createElement(r.Ripple,null)):null}},{key:"renderElement",value:function(){var e=n.classNames("p-overlaypanel p-component",this.props.className),t=this.renderCloseIcon();return c.default.createElement(i.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-overlaypanel",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},c.default.createElement("div",{ref:this.overlayRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onPanelClick},c.default.createElement("div",{className:"p-overlaypanel-content",onClick:this.onContentClick,onMouseDown:this.onContentClick},this.props.children),t))}},{key:"render",value:function(){var e=this.renderElement();return c.default.createElement(l.Portal,{element:e,appendTo:this.props.appendTo})}}])&&h(a.prototype,p),y&&h(a,y),E}(t.Component);return L={id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},(E="defaultProps")in(C=g)?Object.defineProperty(C,E,{value:L,enumerable:!0,configurable:!0,writable:!0}):C[E]=L,e.OverlayPanel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition,primereact.ripple,primereact.overlayservice,primereact.portal,primereact.api);
1
+ this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,t,n,i,r,o,l,s){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t),u=a(s);function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,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 m(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}function k(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var C,E,L,g=function(e){v(E,e);var t,s,a,p,y,C=(t=E,s=k(),function(){var e,n=b(t);if(s){var i=b(this).constructor;e=Reflect.construct(n,arguments,i)}else e=n.apply(this,arguments);return m(this,e)});function E(e){var t;return h(this,E),(t=C.call(this,e)).state={visible:!1},t.onCloseClick=t.onCloseClick.bind(d(t)),t.onPanelClick=t.onPanelClick.bind(d(t)),t.onEnter=t.onEnter.bind(d(t)),t.onEntered=t.onEntered.bind(d(t)),t.onExit=t.onExit.bind(d(t)),t.onExited=t.onExited.bind(d(t)),t.onContentClick=t.onContentClick.bind(d(t)),t.attributeSelector=n.UniqueComponentId(),t.overlayRef=c.default.createRef(),t}return a=E,(p=[{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.target,(function(){e.state.visible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.visible&&!n.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"hasTargetChanged",value:function(e,t){return null!=this.target&&this.target!==(t||e.currentTarget||e.target)}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,o.OverlayService.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"onContentClick",value:function(){this.isPanelClicked=!0}},{key:"toggle",value:function(e,t){var n=this;this.state.visible?(this.hide(),this.hasTargetChanged(e,t)&&(this.target=t||e.currentTarget||e.target,setTimeout((function(){n.show(e,n.target)}),200))):this.show(e,t)}},{key:"show",value:function(e,t){var n=this;this.target=t||e.currentTarget||e.target,this.state.visible?this.align():this.setState({visible:!0},(function(){n.overlayEventListener=function(e){n.isOutsideClicked(e.target)||(n.isPanelClicked=!0)},o.OverlayService.on("overlay-click",n.overlayEventListener)}))}},{key:"hide",value:function(){var e=this;this.setState({visible:!1},(function(){o.OverlayService.off("overlay-click",e.overlayEventListener),e.overlayEventListener=null}))}},{key:"onEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current,u.default.autoZIndex,u.default.zIndex.overlay),this.overlayRef.current.setAttribute(this.attributeSelector,""),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"align",value:function(){if(this.target){n.DomHandler.absolutePosition(this.overlayRef.current,this.target);var e=n.DomHandler.getOffset(this.overlayRef.current),t=n.DomHandler.getOffset(this.target),i=0;e.left<t.left&&(i=t.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(i,"px")),e.top<t.top&&n.DomHandler.addClass(this.overlayRef.current,"p-overlaypanel-flipped")}}},{key:"createStyle",value:function(){if(!this.styleElement){this.styleElement=n.DomHandler.createInlineStyle();var e="";for(var t in this.props.breakpoints)e+="\n @media screen and (max-width: ".concat(t,") {\n .p-overlaypanel[").concat(this.attributeSelector,"] {\n width: ").concat(this.props.breakpoints[t]," !important;\n }\n }\n ");this.styleElement.innerHTML=e}}},{key:"componentDidMount",value:function(){this.props.breakpoints&&this.createStyle()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.styleElement=n.DomHandler.removeInlineStyle(this.styleElement),this.overlayEventListener&&(o.OverlayService.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderCloseIcon",value:function(){return this.props.showCloseIcon?c.default.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:this.onCloseClick,"aria-label":this.props.ariaCloseLabel},c.default.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),c.default.createElement(r.Ripple,null)):null}},{key:"renderElement",value:function(){var e=n.classNames("p-overlaypanel p-component",this.props.className),t=this.renderCloseIcon();return c.default.createElement(i.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-overlaypanel",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},c.default.createElement("div",{ref:this.overlayRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onPanelClick},c.default.createElement("div",{className:"p-overlaypanel-content",onClick:this.onContentClick,onMouseDown:this.onContentClick},this.props.children),t))}},{key:"render",value:function(){var e=this.renderElement();return c.default.createElement(l.Portal,{element:e,appendTo:this.props.appendTo})}}])&&f(a.prototype,p),y&&f(a,y),E}(t.Component);return L={id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},(E="defaultProps")in(C=g)?Object.defineProperty(C,E,{value:L,enumerable:!0,configurable:!0,writable:!0}):C[E]=L,e.OverlayPanel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition,primereact.ripple,primereact.overlayservice,primereact.portal,primereact.api);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "primereact",
3
- "version": "7.0.1",
3
+ "version": "7.1.0",
4
4
  "homepage": "https://www.primefaces.org/primereact",
5
5
  "repository": {
6
6
  "type": "git",
@@ -25,7 +25,8 @@
25
25
  "peerDependencies": {
26
26
  "react": "^17.0.1",
27
27
  "react-dom": "^17.0.1",
28
- "react-transition-group": "^4.4.1"
28
+ "react-transition-group": "^4.4.1",
29
+ "primeicons": "^5.0.0"
29
30
  },
30
31
  "peerDependenciesMeta": {
31
32
  "react-transition-group": {
@@ -218,8 +218,9 @@ var Panel = /*#__PURE__*/function (_Component) {
218
218
  "aria-controls": ariaControls,
219
219
  "aria-expanded": !collapsed,
220
220
  role: "tab"
221
- }, /*#__PURE__*/React__default["default"].createElement("span", {
222
- className: toggleIcon
221
+ }, utils.IconUtils.getJSXIcon(toggleIcon, {
222
+ props: this.props,
223
+ collapsed: collapsed
223
224
  }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
224
225
  }
225
226
 
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/utils"),o=require("primereact/ripple");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function i(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}function u(e){return u="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},u(e)}function f(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return i(e)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var y=function(r){c(O,e.Component);var p,u,h,g,y,v=(p=O,u=b(),function(){var e,t=d(p);if(u){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return f(this,e)});function O(e){var t;s(this,O);var n={id:(t=v.call(this,e)).props.id};return t.props.onToggle||(n=m(m({},n),{},{collapsed:t.props.collapsed})),t.state=n,t.toggle=t.toggle.bind(i(t)),t.contentRef=l.default.createRef(),t}return h=O,(g=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()})}},{key:"renderToggleIcon",value:function(e){return this.props.toggleable?l.default.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!e,role:"tab"},l.default.createElement("span",{className:e?this.props.expandIcon:this.props.collapseIcon}),l.default.createElement(o.Ripple,null)):null}},{key:"renderHeader",value:function(e){var t=n.ObjectUtils.getJSXElement(this.props.header,this.props),o=n.ObjectUtils.getJSXElement(this.props.icons,this.props),r=this.renderToggleIcon(e),s=l.default.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},t),a=l.default.createElement("div",{className:"p-panel-icons"},o,r),i=l.default.createElement("div",{className:"p-panel-header"},s,a);return this.props.headerTemplate?n.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:e?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:a,togglerElement:r,element:i,props:this.props,collapsed:e}):this.props.header||this.props.toggleable?i:null}},{key:"renderContent",value:function(e){return l.default.createElement(t.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},l.default.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":e,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},l.default.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var e=n.classNames("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),t=this.isCollapsed(),o=this.renderHeader(t),r=this.renderContent(t);return l.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},o,r)}}])&&a(h.prototype,g),y&&a(h,y),O}();h(y,"defaultProps",{id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null}),exports.Panel=y;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/utils"),o=require("primereact/ripple");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}function u(e){return u="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},u(e)}function f(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m=function(r){c(O,e.Component);var p,u,h,g,m,v=(p=O,u=y(),function(){var e,t=d(p);if(u){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return f(this,e)});function O(e){var t;s(this,O);var n={id:(t=v.call(this,e)).props.id};return t.props.onToggle||(n=b(b({},n),{},{collapsed:t.props.collapsed})),t.state=n,t.toggle=t.toggle.bind(a(t)),t.contentRef=l.default.createRef(),t}return h=O,(g=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()})}},{key:"renderToggleIcon",value:function(e){return this.props.toggleable?l.default.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!e,role:"tab"},n.IconUtils.getJSXIcon(e?this.props.expandIcon:this.props.collapseIcon,{props:this.props,collapsed:e}),l.default.createElement(o.Ripple,null)):null}},{key:"renderHeader",value:function(e){var t=n.ObjectUtils.getJSXElement(this.props.header,this.props),o=n.ObjectUtils.getJSXElement(this.props.icons,this.props),r=this.renderToggleIcon(e),s=l.default.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},t),i=l.default.createElement("div",{className:"p-panel-icons"},o,r),a=l.default.createElement("div",{className:"p-panel-header"},s,i);return this.props.headerTemplate?n.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:e?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:i,togglerElement:r,element:a,props:this.props,collapsed:e}):this.props.header||this.props.toggleable?a:null}},{key:"renderContent",value:function(e){return l.default.createElement(t.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},l.default.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":e,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},l.default.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var e=n.classNames("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),t=this.isCollapsed(),o=this.renderHeader(t),r=this.renderContent(t);return l.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},o,r)}}])&&i(h.prototype,g),m&&i(h,m),O}();h(m,"defaultProps",{id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null}),exports.Panel=m;
package/panel/panel.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  import * as React from 'react';
2
+ import { CSSTransitionProps } from '../csstransition';
3
+ import { IconType } from '../utils';
2
4
 
3
5
  type PanelHeaderTemplateType = React.ReactNode | ((options: PanelHeaderTemplateOptions) => React.ReactNode);
4
6
 
@@ -32,10 +34,10 @@ export interface PanelProps {
32
34
  style?: object;
33
35
  className?: string;
34
36
  collapsed?: boolean;
35
- expandIcon?: string;
36
- collapseIcon?: string;
37
+ expandIcon?: IconType<PanelProps>;
38
+ collapseIcon?: IconType<PanelProps>;
37
39
  icons?: PanelIconsTemplateType;
38
- transitionOptions?: object;
40
+ transitionOptions?: CSSTransitionProps;
39
41
  onExpand?(event: React.SyntheticEvent): void;
40
42
  onCollapse?(event: React.SyntheticEvent): void;
41
43
  onToggle?(e: PanelToggleParams): void;
@@ -1,6 +1,6 @@
1
1
  import React, { Component } from 'react';
2
2
  import { CSSTransition } from 'primereact/csstransition';
3
- import { UniqueComponentId, ObjectUtils, classNames } from 'primereact/utils';
3
+ import { UniqueComponentId, IconUtils, ObjectUtils, classNames } from 'primereact/utils';
4
4
  import { Ripple } from 'primereact/ripple';
5
5
 
6
6
  function _classCallCheck(instance, Constructor) {
@@ -210,8 +210,9 @@ var Panel = /*#__PURE__*/function (_Component) {
210
210
  "aria-controls": ariaControls,
211
211
  "aria-expanded": !collapsed,
212
212
  role: "tab"
213
- }, /*#__PURE__*/React.createElement("span", {
214
- className: toggleIcon
213
+ }, IconUtils.getJSXIcon(toggleIcon, {
214
+ props: this.props,
215
+ collapsed: collapsed
215
216
  }), /*#__PURE__*/React.createElement(Ripple, null));
216
217
  }
217
218
 
@@ -1 +1 @@
1
- import e,{Component as t}from"react";import{CSSTransition as n}from"primereact/csstransition";import{UniqueComponentId as o,ObjectUtils as r,classNames as l}from"primereact/utils";import{Ripple as s}from"primereact/ripple";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},c(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}function f(e){return f="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},f(e)}function h(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function y(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){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v=function(c){u(j,t);var f,g,m,v,O,E=(f=j,g=b(),function(){var e,t=d(f);if(g){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function j(t){var n;i(this,j);var o={id:(n=E.call(this,t)).props.id};return n.props.onToggle||(o=y(y({},o),{},{collapsed:n.props.collapsed})),n.state=o,n.toggle=n.toggle.bind(a(n)),n.contentRef=e.createRef(),n}return m=j,(v=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:o()})}},{key:"renderToggleIcon",value:function(t){return this.props.toggleable?e.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!t,role:"tab"},e.createElement("span",{className:t?this.props.expandIcon:this.props.collapseIcon}),e.createElement(s,null)):null}},{key:"renderHeader",value:function(t){var n=r.getJSXElement(this.props.header,this.props),o=r.getJSXElement(this.props.icons,this.props),l=this.renderToggleIcon(t),s=e.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},n),i=e.createElement("div",{className:"p-panel-icons"},o,l),p=e.createElement("div",{className:"p-panel-header"},s,i);return this.props.headerTemplate?r.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:t?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:i,togglerElement:l,element:p,props:this.props,collapsed:t}):this.props.header||this.props.toggleable?p:null}},{key:"renderContent",value:function(t){return e.createElement(n,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!t,unmountOnExit:!0,options:this.props.transitionOptions},e.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":t,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},e.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var t=l("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),n=this.isCollapsed(),o=this.renderHeader(n),r=this.renderContent(n);return e.createElement("div",{id:this.props.id,className:t,style:this.props.style},o,r)}}])&&p(m.prototype,v),O&&p(m,O),j}();g(v,"defaultProps",{id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null});export{v as Panel};
1
+ import e,{Component as t}from"react";import{CSSTransition as n}from"primereact/csstransition";import{UniqueComponentId as o,IconUtils as r,ObjectUtils as l,classNames as s}from"primereact/utils";import{Ripple as i}from"primereact/ripple";function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},u(e,t)}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}function h(e){return h="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},h(e)}function d(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var O=function(u){f(w,t);var h,m,y,O,E,j=(h=w,m=v(),function(){var e,t=g(h);if(m){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return d(this,e)});function w(t){var n;p(this,w);var o={id:(n=j.call(this,t)).props.id};return n.props.onToggle||(o=b(b({},o),{},{collapsed:n.props.collapsed})),n.state=o,n.toggle=n.toggle.bind(c(n)),n.contentRef=e.createRef(),n}return y=w,(O=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:o()})}},{key:"renderToggleIcon",value:function(t){return this.props.toggleable?e.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!t,role:"tab"},r.getJSXIcon(t?this.props.expandIcon:this.props.collapseIcon,{props:this.props,collapsed:t}),e.createElement(i,null)):null}},{key:"renderHeader",value:function(t){var n=l.getJSXElement(this.props.header,this.props),o=l.getJSXElement(this.props.icons,this.props),r=this.renderToggleIcon(t),s=e.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},n),i=e.createElement("div",{className:"p-panel-icons"},o,r),p=e.createElement("div",{className:"p-panel-header"},s,i);return this.props.headerTemplate?l.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:t?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:i,togglerElement:r,element:p,props:this.props,collapsed:t}):this.props.header||this.props.toggleable?p:null}},{key:"renderContent",value:function(t){return e.createElement(n,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!t,unmountOnExit:!0,options:this.props.transitionOptions},e.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":t,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},e.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var t=s("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),n=this.isCollapsed(),o=this.renderHeader(n),r=this.renderContent(n);return e.createElement("div",{id:this.props.id,className:t,style:this.props.style},o,r)}}])&&a(y.prototype,O),E&&a(y,E),w}();m(O,"defaultProps",{id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null});export{O as Panel};
package/panel/panel.js CHANGED
@@ -213,8 +213,9 @@ this.primereact.panel = (function (exports, React, csstransition, utils, ripple)
213
213
  "aria-controls": ariaControls,
214
214
  "aria-expanded": !collapsed,
215
215
  role: "tab"
216
- }, /*#__PURE__*/React__default["default"].createElement("span", {
217
- className: toggleIcon
216
+ }, utils.IconUtils.getJSXIcon(toggleIcon, {
217
+ props: this.props,
218
+ collapsed: collapsed
218
219
  }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
219
220
  }
220
221
 
@@ -1 +1 @@
1
- this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n,o,r){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t);function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},c(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}function f(e){return f="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},f(e)}function d(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function b(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){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v=function(e){u(v,e);var t,l,c,f,g,m=(t=v,l=y(),function(){var e,n=h(t);if(l){var o=h(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return d(this,e)});function v(e){var t;a(this,v);var n={id:(t=m.call(this,e)).props.id};return t.props.onToggle||(n=b(b({},n),{},{collapsed:t.props.collapsed})),t.state=n,t.toggle=t.toggle.bind(p(t)),t.contentRef=s.default.createRef(),t}return c=v,(f=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:o.UniqueComponentId()})}},{key:"renderToggleIcon",value:function(e){return this.props.toggleable?s.default.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!e,role:"tab"},s.default.createElement("span",{className:e?this.props.expandIcon:this.props.collapseIcon}),s.default.createElement(r.Ripple,null)):null}},{key:"renderHeader",value:function(e){var t=o.ObjectUtils.getJSXElement(this.props.header,this.props),n=o.ObjectUtils.getJSXElement(this.props.icons,this.props),r=this.renderToggleIcon(e),l=s.default.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},t),a=s.default.createElement("div",{className:"p-panel-icons"},n,r),i=s.default.createElement("div",{className:"p-panel-header"},l,a);return this.props.headerTemplate?o.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:e?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:l,iconsElement:a,togglerElement:r,element:i,props:this.props,collapsed:e}):this.props.header||this.props.toggleable?i:null}},{key:"renderContent",value:function(e){return s.default.createElement(n.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},s.default.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":e,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},s.default.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var e=o.classNames("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),t=this.isCollapsed(),n=this.renderHeader(t),r=this.renderContent(t);return s.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},n,r)}}])&&i(c.prototype,f),g&&i(c,g),v}(t.Component);return g(v,"defaultProps",{id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null}),e.Panel=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.utils,primereact.ripple);
1
+ this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n,o,r){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},c(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}function f(e){return f="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},f(e)}function d(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function b(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){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v=function(e){u(v,e);var t,l,c,f,g,m=(t=v,l=y(),function(){var e,n=h(t);if(l){var o=h(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return d(this,e)});function v(e){var t;i(this,v);var n={id:(t=m.call(this,e)).props.id};return t.props.onToggle||(n=b(b({},n),{},{collapsed:t.props.collapsed})),t.state=n,t.toggle=t.toggle.bind(p(t)),t.contentRef=s.default.createRef(),t}return c=v,(f=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:o.UniqueComponentId()})}},{key:"renderToggleIcon",value:function(e){return this.props.toggleable?s.default.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!e,role:"tab"},o.IconUtils.getJSXIcon(e?this.props.expandIcon:this.props.collapseIcon,{props:this.props,collapsed:e}),s.default.createElement(r.Ripple,null)):null}},{key:"renderHeader",value:function(e){var t=o.ObjectUtils.getJSXElement(this.props.header,this.props),n=o.ObjectUtils.getJSXElement(this.props.icons,this.props),r=this.renderToggleIcon(e),l=s.default.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},t),i=s.default.createElement("div",{className:"p-panel-icons"},n,r),a=s.default.createElement("div",{className:"p-panel-header"},l,i);return this.props.headerTemplate?o.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:e?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:l,iconsElement:i,togglerElement:r,element:a,props:this.props,collapsed:e}):this.props.header||this.props.toggleable?a:null}},{key:"renderContent",value:function(e){return s.default.createElement(n.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},s.default.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":e,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},s.default.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var e=o.classNames("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),t=this.isCollapsed(),n=this.renderHeader(t),r=this.renderContent(t);return s.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},n,r)}}])&&a(c.prototype,f),g&&a(c,g),v}(t.Component);return g(v,"defaultProps",{id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null}),e.Panel=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.utils,primereact.ripple);
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { MenuItem } from '../menuitem';
3
+ import { CSSTransitionProps } from '../csstransition';
3
4
 
4
5
  export interface PanelMenuProps {
5
6
  id?: string;
@@ -7,7 +8,7 @@ export interface PanelMenuProps {
7
8
  style?: object;
8
9
  className?: string;
9
10
  multiple?: boolean;
10
- transitionOptions?: object;
11
+ transitionOptions?: CSSTransitionProps;
11
12
  }
12
13
 
13
14
  export declare class PanelMenu extends React.Component<PanelMenuProps, any> { }
@@ -449,7 +449,7 @@ var Password = /*#__PURE__*/function (_Component) {
449
449
 
450
450
  if (!this.resizeListener) {
451
451
  this.resizeListener = function () {
452
- if (_this6.state.overlayVisible && !utils.DomHandler.isAndroid()) {
452
+ if (_this6.state.overlayVisible && !utils.DomHandler.isTouchDevice()) {
453
453
  _this6.hideOverlay();
454
454
  }
455
455
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/tooltip"),r=require("primereact/inputtext"),i=require("primereact/csstransition"),o=require("primereact/api"),s=require("primereact/overlayservice"),l=require("primereact/portal");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=a(e),u=a(o);function c(){return c=Object.assign||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},c.apply(this,arguments)}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t){return y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},y(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}function m(e){return m="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},m(e)}function b(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){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 w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var R=function(a){v(L,e.Component);var y,m,k,O,R,x=(y=L,m=E(),function(){var e,t=g(y);if(m){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function L(t){var n;return h(this,L),(n=x.call(this,t)).state={overlayVisible:!1,meter:null,infoText:n.promptLabel(),focused:!1,unmasked:!1},n.onFocus=n.onFocus.bind(d(n)),n.onBlur=n.onBlur.bind(d(n)),n.onKeyup=n.onKeyup.bind(d(n)),n.onInput=n.onInput.bind(d(n)),n.onMaskToggle=n.onMaskToggle.bind(d(n)),n.onOverlayEnter=n.onOverlayEnter.bind(d(n)),n.onOverlayEntered=n.onOverlayEntered.bind(d(n)),n.onOverlayExit=n.onOverlayExit.bind(d(n)),n.onOverlayExited=n.onOverlayExited.bind(d(n)),n.onPanelClick=n.onPanelClick.bind(d(n)),n.overlayRef=e.createRef(),n.inputRef=e.createRef(n.props.inputRef),n.mediumCheckRegExp=new RegExp(n.props.mediumRegex),n.strongCheckRegExp=new RegExp(n.props.strongRegex),n}return k=L,(O=[{key:"promptLabel",value:function(){return this.props.promptLabel||o.localeOption("passwordPrompt")}},{key:"weakLabel",value:function(){return this.props.weakLabel||o.localeOption("weak")}},{key:"mediumLabel",value:function(){return this.props.mediumLabel||o.localeOption("medium")}},{key:"strongLabel",value:function(){return this.props.strongLabel||o.localeOption("strong")}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.inputRef&&this.inputRef.current&&t.DomHandler.hasClass(this.inputRef.current,"p-filled")}},{key:"getInputType",value:function(){return this.state.unmasked?"text":"password"}},{key:"updateLabels",value:function(){if(this.state.meter){var e=null;switch(this.state.meter.strength){case"weak":e=this.weakLabel();break;case"medium":e=this.mediumLabel();break;case"strong":e=this.strongLabel()}e&&this.state.infoText!==e&&this.setState({infoText:e})}else{var t=this.promptLabel();this.state.infoText!==t&&this.setState({infoText:t})}}},{key:"onPanelClick",value:function(e){this.props.feedback&&s.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onMaskToggle",value:function(){this.setState((function(e){return{unmasked:!e.unmasked}}))}},{key:"showOverlay",value:function(){this.updateLabels(),this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1})}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&t.DomHandler.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||u.default.appendTo)}},{key:"onOverlayEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current,u.default.autoZIndex,u.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.feedback&&t.showOverlay(),t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.feedback&&t.hideOverlay(),t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onKeyup",value:function(e){var t=this,n=e.keyCode||e.which;if(this.props.feedback){var r=null,i=null;switch(this.testStrength(e.target.value)){case 1:r=this.weakLabel(),i={strength:"weak",width:"33.33%"};break;case 2:r=this.mediumLabel(),i={strength:"medium",width:"66.66%"};break;case 3:r=this.strongLabel(),i={strength:"strong",width:"100%"};break;default:r=this.promptLabel(),i=null}this.setState({meter:i,infoText:r},(function(){n&&!t.state.overlayVisible&&t.showOverlay()}))}this.props.onKeyUp&&this.props.onKeyUp(e)}},{key:"onInput",value:function(e,n){this.props.onInput&&this.props.onInput(e,n),this.props.onChange||(e.target.value.length>0?t.DomHandler.addClass(this.container,"p-inputwrapper-filled"):t.DomHandler.removeClass(this.container,"p-inputwrapper-filled"))}},{key:"testStrength",value:function(e){var t=0;return this.strongCheckRegExp.test(e)?t=3:this.mediumCheckRegExp.test(e)?t=2:e.length&&(t=1),t}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.inputEl,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!t.DomHandler.isAndroid()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(w({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),e.mediumRegex!==this.props.mediumRegex&&(this.mediumCheckRegExp=new RegExp(this.props.mediumRegex)),e.strongRegex!==this.props.strongRegex&&(this.strongCheckRegExp=new RegExp(this.props.strongRegex)),!this.isFilled()&&t.DomHandler.hasClass(this.container,"p-inputwrapper-filled")&&t.DomHandler.removeClass(this.container,"p-inputwrapper-filled")}},{key:"componentWillUnmount",value:function(){this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=n.tip({target:this.inputEl,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderIcon",value:function(){if(this.props.toggleMask){var e=this.state.unmasked?"pi pi-eye-slash":"pi pi-eye",n=p.default.createElement("i",{className:e,onClick:this.onMaskToggle});return this.props.icon&&(n=t.ObjectUtils.getJSXElement(this.props.icon,{onClick:this.onMaskToggle,className:e,element:n,props:this.props})),n}return null}},{key:"renderPanel",value:function(){var e=t.classNames("p-password-panel p-component",this.props.panelClassName),n=this.state.meter||{strength:"",width:"0%"},r=n.strength,o=n.width,s=t.ObjectUtils.getJSXElement(this.props.header,this.props),a=t.ObjectUtils.getJSXElement(this.props.footer,this.props),u=this.props.content?t.ObjectUtils.getJSXElement(this.props.content,this.props):p.default.createElement(p.default.Fragment,null,p.default.createElement("div",{className:"p-password-meter"},p.default.createElement("div",{className:"p-password-strength ".concat(r),style:{width:o}})),p.default.createElement("div",{className:"p-password-info"},this.state.infoText));return p.default.createElement(l.Portal,{element:p.default.createElement(i.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.overlayVisible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},p.default.createElement("div",{ref:this.overlayRef,className:e,style:this.props.panelStyle,onClick:this.onPanelClick},s,u,a)),appendTo:this.props.appendTo})}},{key:"render",value:function(){var e=this,n=t.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused,"p-input-icon-right":this.props.toggleMask},this.props.className),i=t.classNames("p-password-input",this.props.inputClassName),o=this.getInputType(),s=t.ObjectUtils.findDiffKeys(this.props,L.defaultProps),l=this.renderIcon(),a=this.renderPanel();return p.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:n,style:this.props.style},p.default.createElement(r.InputText,c({ref:this.inputRef,id:this.props.inputId},s,{type:o,className:i,style:this.props.inputStyle,onFocus:this.onFocus,onBlur:this.onBlur,onKeyUp:this.onKeyup,onInput:this.onInput})),l,a)}}])&&f(k.prototype,O),R&&f(k,R),L}();k(R,"defaultProps",{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,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null}),exports.Password=R;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/tooltip"),r=require("primereact/inputtext"),i=require("primereact/csstransition"),o=require("primereact/api"),s=require("primereact/overlayservice"),l=require("primereact/portal");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=a(e),u=a(o);function c(){return c=Object.assign||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},c.apply(this,arguments)}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t){return y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},y(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}function m(e){return m="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},m(e)}function b(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){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 w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var R=function(a){v(L,e.Component);var y,m,k,O,R,x=(y=L,m=E(),function(){var e,t=g(y);if(m){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function L(t){var n;return h(this,L),(n=x.call(this,t)).state={overlayVisible:!1,meter:null,infoText:n.promptLabel(),focused:!1,unmasked:!1},n.onFocus=n.onFocus.bind(d(n)),n.onBlur=n.onBlur.bind(d(n)),n.onKeyup=n.onKeyup.bind(d(n)),n.onInput=n.onInput.bind(d(n)),n.onMaskToggle=n.onMaskToggle.bind(d(n)),n.onOverlayEnter=n.onOverlayEnter.bind(d(n)),n.onOverlayEntered=n.onOverlayEntered.bind(d(n)),n.onOverlayExit=n.onOverlayExit.bind(d(n)),n.onOverlayExited=n.onOverlayExited.bind(d(n)),n.onPanelClick=n.onPanelClick.bind(d(n)),n.overlayRef=e.createRef(),n.inputRef=e.createRef(n.props.inputRef),n.mediumCheckRegExp=new RegExp(n.props.mediumRegex),n.strongCheckRegExp=new RegExp(n.props.strongRegex),n}return k=L,(O=[{key:"promptLabel",value:function(){return this.props.promptLabel||o.localeOption("passwordPrompt")}},{key:"weakLabel",value:function(){return this.props.weakLabel||o.localeOption("weak")}},{key:"mediumLabel",value:function(){return this.props.mediumLabel||o.localeOption("medium")}},{key:"strongLabel",value:function(){return this.props.strongLabel||o.localeOption("strong")}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.inputRef&&this.inputRef.current&&t.DomHandler.hasClass(this.inputRef.current,"p-filled")}},{key:"getInputType",value:function(){return this.state.unmasked?"text":"password"}},{key:"updateLabels",value:function(){if(this.state.meter){var e=null;switch(this.state.meter.strength){case"weak":e=this.weakLabel();break;case"medium":e=this.mediumLabel();break;case"strong":e=this.strongLabel()}e&&this.state.infoText!==e&&this.setState({infoText:e})}else{var t=this.promptLabel();this.state.infoText!==t&&this.setState({infoText:t})}}},{key:"onPanelClick",value:function(e){this.props.feedback&&s.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onMaskToggle",value:function(){this.setState((function(e){return{unmasked:!e.unmasked}}))}},{key:"showOverlay",value:function(){this.updateLabels(),this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1})}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&t.DomHandler.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||u.default.appendTo)}},{key:"onOverlayEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current,u.default.autoZIndex,u.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.feedback&&t.showOverlay(),t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.feedback&&t.hideOverlay(),t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onKeyup",value:function(e){var t=this,n=e.keyCode||e.which;if(this.props.feedback){var r=null,i=null;switch(this.testStrength(e.target.value)){case 1:r=this.weakLabel(),i={strength:"weak",width:"33.33%"};break;case 2:r=this.mediumLabel(),i={strength:"medium",width:"66.66%"};break;case 3:r=this.strongLabel(),i={strength:"strong",width:"100%"};break;default:r=this.promptLabel(),i=null}this.setState({meter:i,infoText:r},(function(){n&&!t.state.overlayVisible&&t.showOverlay()}))}this.props.onKeyUp&&this.props.onKeyUp(e)}},{key:"onInput",value:function(e,n){this.props.onInput&&this.props.onInput(e,n),this.props.onChange||(e.target.value.length>0?t.DomHandler.addClass(this.container,"p-inputwrapper-filled"):t.DomHandler.removeClass(this.container,"p-inputwrapper-filled"))}},{key:"testStrength",value:function(e){var t=0;return this.strongCheckRegExp.test(e)?t=3:this.mediumCheckRegExp.test(e)?t=2:e.length&&(t=1),t}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.inputEl,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!t.DomHandler.isTouchDevice()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(w({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),e.mediumRegex!==this.props.mediumRegex&&(this.mediumCheckRegExp=new RegExp(this.props.mediumRegex)),e.strongRegex!==this.props.strongRegex&&(this.strongCheckRegExp=new RegExp(this.props.strongRegex)),!this.isFilled()&&t.DomHandler.hasClass(this.container,"p-inputwrapper-filled")&&t.DomHandler.removeClass(this.container,"p-inputwrapper-filled")}},{key:"componentWillUnmount",value:function(){this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=n.tip({target:this.inputEl,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderIcon",value:function(){if(this.props.toggleMask){var e=this.state.unmasked?"pi pi-eye-slash":"pi pi-eye",n=p.default.createElement("i",{className:e,onClick:this.onMaskToggle});return this.props.icon&&(n=t.ObjectUtils.getJSXElement(this.props.icon,{onClick:this.onMaskToggle,className:e,element:n,props:this.props})),n}return null}},{key:"renderPanel",value:function(){var e=t.classNames("p-password-panel p-component",this.props.panelClassName),n=this.state.meter||{strength:"",width:"0%"},r=n.strength,o=n.width,s=t.ObjectUtils.getJSXElement(this.props.header,this.props),a=t.ObjectUtils.getJSXElement(this.props.footer,this.props),u=this.props.content?t.ObjectUtils.getJSXElement(this.props.content,this.props):p.default.createElement(p.default.Fragment,null,p.default.createElement("div",{className:"p-password-meter"},p.default.createElement("div",{className:"p-password-strength ".concat(r),style:{width:o}})),p.default.createElement("div",{className:"p-password-info"},this.state.infoText));return p.default.createElement(l.Portal,{element:p.default.createElement(i.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.overlayVisible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},p.default.createElement("div",{ref:this.overlayRef,className:e,style:this.props.panelStyle,onClick:this.onPanelClick},s,u,a)),appendTo:this.props.appendTo})}},{key:"render",value:function(){var e=this,n=t.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused,"p-input-icon-right":this.props.toggleMask},this.props.className),i=t.classNames("p-password-input",this.props.inputClassName),o=this.getInputType(),s=t.ObjectUtils.findDiffKeys(this.props,L.defaultProps),l=this.renderIcon(),a=this.renderPanel();return p.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:n,style:this.props.style},p.default.createElement(r.InputText,c({ref:this.inputRef,id:this.props.inputId},s,{type:o,className:i,style:this.props.inputStyle,onFocus:this.onFocus,onBlur:this.onBlur,onKeyUp:this.onKeyup,onInput:this.onInput})),l,a)}}])&&f(k.prototype,O),R&&f(k,R),L}();k(R,"defaultProps",{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,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null}),exports.Password=R;
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import TooltipOptions from '../tooltip/tooltipoptions';
3
+ import { CSSTransitionProps } from '../csstransition';
3
4
 
4
5
  type PasswordHeaderType = React.ReactNode | ((props: PasswordProps) => React.ReactNode);
5
6
 
@@ -43,7 +44,7 @@ export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputH
43
44
  inputClassName?: string;
44
45
  panelStyle?: object;
45
46
  panelClassName?: string;
46
- transitionOptions?: object;
47
+ transitionOptions?: CSSTransitionProps;
47
48
  onInput?(event: React.FormEvent<HTMLInputElement>, validatePattern: boolean): void;
48
49
  onShow?(): void;
49
50
  onHide?(): void;
@@ -440,7 +440,7 @@ var Password = /*#__PURE__*/function (_Component) {
440
440
 
441
441
  if (!this.resizeListener) {
442
442
  this.resizeListener = function () {
443
- if (_this6.state.overlayVisible && !DomHandler.isAndroid()) {
443
+ if (_this6.state.overlayVisible && !DomHandler.isTouchDevice()) {
444
444
  _this6.hideOverlay();
445
445
  }
446
446
  };
@@ -1 +1 @@
1
- import e,{createRef as t,Component as n}from"react";import{DomHandler as r,ZIndexUtils as i,ConnectedOverlayScrollHandler as o,ObjectUtils as s,classNames as l}from"primereact/utils";import{tip as p}from"primereact/tooltip";import{InputText as a}from"primereact/inputtext";import{CSSTransition as u}from"primereact/csstransition";import c,{localeOption as h}from"primereact/api";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";function y(){return y=Object.assign||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 m(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function v(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function k(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&g(e,t)}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 w(e,t){if(t&&("object"===O(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return b(e)}function E(e){return E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},E(e)}function R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(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 L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var C=function(g){k(j,n);var O,R,x,C,P,T=(O=j,R=S(),function(){var e,t=E(O);if(R){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return w(this,e)});function j(e){var n;return m(this,j),(n=T.call(this,e)).state={overlayVisible:!1,meter:null,infoText:n.promptLabel(),focused:!1,unmasked:!1},n.onFocus=n.onFocus.bind(b(n)),n.onBlur=n.onBlur.bind(b(n)),n.onKeyup=n.onKeyup.bind(b(n)),n.onInput=n.onInput.bind(b(n)),n.onMaskToggle=n.onMaskToggle.bind(b(n)),n.onOverlayEnter=n.onOverlayEnter.bind(b(n)),n.onOverlayEntered=n.onOverlayEntered.bind(b(n)),n.onOverlayExit=n.onOverlayExit.bind(b(n)),n.onOverlayExited=n.onOverlayExited.bind(b(n)),n.onPanelClick=n.onPanelClick.bind(b(n)),n.overlayRef=t(),n.inputRef=t(n.props.inputRef),n.mediumCheckRegExp=new RegExp(n.props.mediumRegex),n.strongCheckRegExp=new RegExp(n.props.strongRegex),n}return x=j,(C=[{key:"promptLabel",value:function(){return this.props.promptLabel||h("passwordPrompt")}},{key:"weakLabel",value:function(){return this.props.weakLabel||h("weak")}},{key:"mediumLabel",value:function(){return this.props.mediumLabel||h("medium")}},{key:"strongLabel",value:function(){return this.props.strongLabel||h("strong")}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.inputRef&&this.inputRef.current&&r.hasClass(this.inputRef.current,"p-filled")}},{key:"getInputType",value:function(){return this.state.unmasked?"text":"password"}},{key:"updateLabels",value:function(){if(this.state.meter){var e=null;switch(this.state.meter.strength){case"weak":e=this.weakLabel();break;case"medium":e=this.mediumLabel();break;case"strong":e=this.strongLabel()}e&&this.state.infoText!==e&&this.setState({infoText:e})}else{var t=this.promptLabel();this.state.infoText!==t&&this.setState({infoText:t})}}},{key:"onPanelClick",value:function(e){this.props.feedback&&f.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onMaskToggle",value:function(){this.setState((function(e){return{unmasked:!e.unmasked}}))}},{key:"showOverlay",value:function(){this.updateLabels(),this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1})}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&r.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||c.appendTo)}},{key:"onOverlayEnter",value:function(){i.set("overlay",this.overlayRef.current,c.autoZIndex,c.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){i.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.feedback&&t.showOverlay(),t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.feedback&&t.hideOverlay(),t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onKeyup",value:function(e){var t=this,n=e.keyCode||e.which;if(this.props.feedback){var r=null,i=null;switch(this.testStrength(e.target.value)){case 1:r=this.weakLabel(),i={strength:"weak",width:"33.33%"};break;case 2:r=this.mediumLabel(),i={strength:"medium",width:"66.66%"};break;case 3:r=this.strongLabel(),i={strength:"strong",width:"100%"};break;default:r=this.promptLabel(),i=null}this.setState({meter:i,infoText:r},(function(){n&&!t.state.overlayVisible&&t.showOverlay()}))}this.props.onKeyUp&&this.props.onKeyUp(e)}},{key:"onInput",value:function(e,t){this.props.onInput&&this.props.onInput(e,t),this.props.onChange||(e.target.value.length>0?r.addClass(this.container,"p-inputwrapper-filled"):r.removeClass(this.container,"p-inputwrapper-filled"))}},{key:"testStrength",value:function(e){var t=0;return this.strongCheckRegExp.test(e)?t=3:this.mediumCheckRegExp.test(e)?t=2:e.length&&(t=1),t}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new o(this.inputEl,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!r.isAndroid()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(L({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),e.mediumRegex!==this.props.mediumRegex&&(this.mediumCheckRegExp=new RegExp(this.props.mediumRegex)),e.strongRegex!==this.props.strongRegex&&(this.strongCheckRegExp=new RegExp(this.props.strongRegex)),!this.isFilled()&&r.hasClass(this.container,"p-inputwrapper-filled")&&r.removeClass(this.container,"p-inputwrapper-filled")}},{key:"componentWillUnmount",value:function(){this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),i.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=p({target:this.inputEl,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderIcon",value:function(){if(this.props.toggleMask){var t=this.state.unmasked?"pi pi-eye-slash":"pi pi-eye",n=e.createElement("i",{className:t,onClick:this.onMaskToggle});return this.props.icon&&(n=s.getJSXElement(this.props.icon,{onClick:this.onMaskToggle,className:t,element:n,props:this.props})),n}return null}},{key:"renderPanel",value:function(){var t=l("p-password-panel p-component",this.props.panelClassName),n=this.state.meter||{strength:"",width:"0%"},r=n.strength,i=n.width,o=s.getJSXElement(this.props.header,this.props),p=s.getJSXElement(this.props.footer,this.props),a=this.props.content?s.getJSXElement(this.props.content,this.props):e.createElement(e.Fragment,null,e.createElement("div",{className:"p-password-meter"},e.createElement("div",{className:"p-password-strength ".concat(r),style:{width:i}})),e.createElement("div",{className:"p-password-info"},this.state.infoText));return e.createElement(d,{element:e.createElement(u,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.overlayVisible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},e.createElement("div",{ref:this.overlayRef,className:t,style:this.props.panelStyle,onClick:this.onPanelClick},o,a,p)),appendTo:this.props.appendTo})}},{key:"render",value:function(){var t=this,n=l("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused,"p-input-icon-right":this.props.toggleMask},this.props.className),r=l("p-password-input",this.props.inputClassName),i=this.getInputType(),o=s.findDiffKeys(this.props,j.defaultProps),p=this.renderIcon(),u=this.renderPanel();return e.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:n,style:this.props.style},e.createElement(a,y({ref:this.inputRef,id:this.props.inputId},o,{type:i,className:r,style:this.props.inputStyle,onFocus:this.onFocus,onBlur:this.onBlur,onKeyUp:this.onKeyup,onInput:this.onInput})),p,u)}}])&&v(x.prototype,C),P&&v(x,P),j}();R(C,"defaultProps",{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,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null});export{C as Password};
1
+ import e,{createRef as t,Component as n}from"react";import{DomHandler as r,ZIndexUtils as i,ConnectedOverlayScrollHandler as o,ObjectUtils as s,classNames as l}from"primereact/utils";import{tip as p}from"primereact/tooltip";import{InputText as a}from"primereact/inputtext";import{CSSTransition as u}from"primereact/csstransition";import c,{localeOption as h}from"primereact/api";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";function y(){return y=Object.assign||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 m(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function v(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function k(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&g(e,t)}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 w(e,t){if(t&&("object"===O(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return b(e)}function E(e){return E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},E(e)}function R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(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 L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var T=function(g){k(j,n);var O,R,x,T,C,P=(O=j,R=S(),function(){var e,t=E(O);if(R){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return w(this,e)});function j(e){var n;return m(this,j),(n=P.call(this,e)).state={overlayVisible:!1,meter:null,infoText:n.promptLabel(),focused:!1,unmasked:!1},n.onFocus=n.onFocus.bind(b(n)),n.onBlur=n.onBlur.bind(b(n)),n.onKeyup=n.onKeyup.bind(b(n)),n.onInput=n.onInput.bind(b(n)),n.onMaskToggle=n.onMaskToggle.bind(b(n)),n.onOverlayEnter=n.onOverlayEnter.bind(b(n)),n.onOverlayEntered=n.onOverlayEntered.bind(b(n)),n.onOverlayExit=n.onOverlayExit.bind(b(n)),n.onOverlayExited=n.onOverlayExited.bind(b(n)),n.onPanelClick=n.onPanelClick.bind(b(n)),n.overlayRef=t(),n.inputRef=t(n.props.inputRef),n.mediumCheckRegExp=new RegExp(n.props.mediumRegex),n.strongCheckRegExp=new RegExp(n.props.strongRegex),n}return x=j,(T=[{key:"promptLabel",value:function(){return this.props.promptLabel||h("passwordPrompt")}},{key:"weakLabel",value:function(){return this.props.weakLabel||h("weak")}},{key:"mediumLabel",value:function(){return this.props.mediumLabel||h("medium")}},{key:"strongLabel",value:function(){return this.props.strongLabel||h("strong")}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.inputRef&&this.inputRef.current&&r.hasClass(this.inputRef.current,"p-filled")}},{key:"getInputType",value:function(){return this.state.unmasked?"text":"password"}},{key:"updateLabels",value:function(){if(this.state.meter){var e=null;switch(this.state.meter.strength){case"weak":e=this.weakLabel();break;case"medium":e=this.mediumLabel();break;case"strong":e=this.strongLabel()}e&&this.state.infoText!==e&&this.setState({infoText:e})}else{var t=this.promptLabel();this.state.infoText!==t&&this.setState({infoText:t})}}},{key:"onPanelClick",value:function(e){this.props.feedback&&f.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onMaskToggle",value:function(){this.setState((function(e){return{unmasked:!e.unmasked}}))}},{key:"showOverlay",value:function(){this.updateLabels(),this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1})}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&r.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||c.appendTo)}},{key:"onOverlayEnter",value:function(){i.set("overlay",this.overlayRef.current,c.autoZIndex,c.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){i.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.feedback&&t.showOverlay(),t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.feedback&&t.hideOverlay(),t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onKeyup",value:function(e){var t=this,n=e.keyCode||e.which;if(this.props.feedback){var r=null,i=null;switch(this.testStrength(e.target.value)){case 1:r=this.weakLabel(),i={strength:"weak",width:"33.33%"};break;case 2:r=this.mediumLabel(),i={strength:"medium",width:"66.66%"};break;case 3:r=this.strongLabel(),i={strength:"strong",width:"100%"};break;default:r=this.promptLabel(),i=null}this.setState({meter:i,infoText:r},(function(){n&&!t.state.overlayVisible&&t.showOverlay()}))}this.props.onKeyUp&&this.props.onKeyUp(e)}},{key:"onInput",value:function(e,t){this.props.onInput&&this.props.onInput(e,t),this.props.onChange||(e.target.value.length>0?r.addClass(this.container,"p-inputwrapper-filled"):r.removeClass(this.container,"p-inputwrapper-filled"))}},{key:"testStrength",value:function(e){var t=0;return this.strongCheckRegExp.test(e)?t=3:this.mediumCheckRegExp.test(e)?t=2:e.length&&(t=1),t}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new o(this.inputEl,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!r.isTouchDevice()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(L({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),e.mediumRegex!==this.props.mediumRegex&&(this.mediumCheckRegExp=new RegExp(this.props.mediumRegex)),e.strongRegex!==this.props.strongRegex&&(this.strongCheckRegExp=new RegExp(this.props.strongRegex)),!this.isFilled()&&r.hasClass(this.container,"p-inputwrapper-filled")&&r.removeClass(this.container,"p-inputwrapper-filled")}},{key:"componentWillUnmount",value:function(){this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),i.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=p({target:this.inputEl,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderIcon",value:function(){if(this.props.toggleMask){var t=this.state.unmasked?"pi pi-eye-slash":"pi pi-eye",n=e.createElement("i",{className:t,onClick:this.onMaskToggle});return this.props.icon&&(n=s.getJSXElement(this.props.icon,{onClick:this.onMaskToggle,className:t,element:n,props:this.props})),n}return null}},{key:"renderPanel",value:function(){var t=l("p-password-panel p-component",this.props.panelClassName),n=this.state.meter||{strength:"",width:"0%"},r=n.strength,i=n.width,o=s.getJSXElement(this.props.header,this.props),p=s.getJSXElement(this.props.footer,this.props),a=this.props.content?s.getJSXElement(this.props.content,this.props):e.createElement(e.Fragment,null,e.createElement("div",{className:"p-password-meter"},e.createElement("div",{className:"p-password-strength ".concat(r),style:{width:i}})),e.createElement("div",{className:"p-password-info"},this.state.infoText));return e.createElement(d,{element:e.createElement(u,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.overlayVisible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},e.createElement("div",{ref:this.overlayRef,className:t,style:this.props.panelStyle,onClick:this.onPanelClick},o,a,p)),appendTo:this.props.appendTo})}},{key:"render",value:function(){var t=this,n=l("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused,"p-input-icon-right":this.props.toggleMask},this.props.className),r=l("p-password-input",this.props.inputClassName),i=this.getInputType(),o=s.findDiffKeys(this.props,j.defaultProps),p=this.renderIcon(),u=this.renderPanel();return e.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:n,style:this.props.style},e.createElement(a,y({ref:this.inputRef,id:this.props.inputId},o,{type:i,className:r,style:this.props.inputStyle,onFocus:this.onFocus,onBlur:this.onBlur,onKeyUp:this.onKeyup,onInput:this.onInput})),p,u)}}])&&v(x.prototype,T),C&&v(x,C),j}();R(T,"defaultProps",{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,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null});export{T as Password};
@@ -440,7 +440,7 @@ this.primereact.password = (function (exports, React, utils, tooltip, inputtext,
440
440
 
441
441
  if (!this.resizeListener) {
442
442
  this.resizeListener = function () {
443
- if (_this6.state.overlayVisible && !utils.DomHandler.isAndroid()) {
443
+ if (_this6.state.overlayVisible && !utils.DomHandler.isTouchDevice()) {
444
444
  _this6.hideOverlay();
445
445
  }
446
446
  };
@@ -1 +1 @@
1
- this.primereact=this.primereact||{},this.primereact.password=function(e,t,n,r,i,o,s,l,a){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(t),c=p(s);function h(){return h=Object.assign||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},h.apply(this,arguments)}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&v(e,t)}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 g(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return y(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function O(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(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 E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=function(e){m(L,e);var p,v,b,O,w,x=(p=L,v=R(),function(){var e,t=k(p);if(v){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return g(this,e)});function L(e){var n;return f(this,L),(n=x.call(this,e)).state={overlayVisible:!1,meter:null,infoText:n.promptLabel(),focused:!1,unmasked:!1},n.onFocus=n.onFocus.bind(y(n)),n.onBlur=n.onBlur.bind(y(n)),n.onKeyup=n.onKeyup.bind(y(n)),n.onInput=n.onInput.bind(y(n)),n.onMaskToggle=n.onMaskToggle.bind(y(n)),n.onOverlayEnter=n.onOverlayEnter.bind(y(n)),n.onOverlayEntered=n.onOverlayEntered.bind(y(n)),n.onOverlayExit=n.onOverlayExit.bind(y(n)),n.onOverlayExited=n.onOverlayExited.bind(y(n)),n.onPanelClick=n.onPanelClick.bind(y(n)),n.overlayRef=t.createRef(),n.inputRef=t.createRef(n.props.inputRef),n.mediumCheckRegExp=new RegExp(n.props.mediumRegex),n.strongCheckRegExp=new RegExp(n.props.strongRegex),n}return b=L,(O=[{key:"promptLabel",value:function(){return this.props.promptLabel||s.localeOption("passwordPrompt")}},{key:"weakLabel",value:function(){return this.props.weakLabel||s.localeOption("weak")}},{key:"mediumLabel",value:function(){return this.props.mediumLabel||s.localeOption("medium")}},{key:"strongLabel",value:function(){return this.props.strongLabel||s.localeOption("strong")}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.inputRef&&this.inputRef.current&&n.DomHandler.hasClass(this.inputRef.current,"p-filled")}},{key:"getInputType",value:function(){return this.state.unmasked?"text":"password"}},{key:"updateLabels",value:function(){if(this.state.meter){var e=null;switch(this.state.meter.strength){case"weak":e=this.weakLabel();break;case"medium":e=this.mediumLabel();break;case"strong":e=this.strongLabel()}e&&this.state.infoText!==e&&this.setState({infoText:e})}else{var t=this.promptLabel();this.state.infoText!==t&&this.setState({infoText:t})}}},{key:"onPanelClick",value:function(e){this.props.feedback&&l.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onMaskToggle",value:function(){this.setState((function(e){return{unmasked:!e.unmasked}}))}},{key:"showOverlay",value:function(){this.updateLabels(),this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1})}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&n.DomHandler.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||c.default.appendTo)}},{key:"onOverlayEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current,c.default.autoZIndex,c.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.feedback&&t.showOverlay(),t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.feedback&&t.hideOverlay(),t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onKeyup",value:function(e){var t=this,n=e.keyCode||e.which;if(this.props.feedback){var r=null,i=null;switch(this.testStrength(e.target.value)){case 1:r=this.weakLabel(),i={strength:"weak",width:"33.33%"};break;case 2:r=this.mediumLabel(),i={strength:"medium",width:"66.66%"};break;case 3:r=this.strongLabel(),i={strength:"strong",width:"100%"};break;default:r=this.promptLabel(),i=null}this.setState({meter:i,infoText:r},(function(){n&&!t.state.overlayVisible&&t.showOverlay()}))}this.props.onKeyUp&&this.props.onKeyUp(e)}},{key:"onInput",value:function(e,t){this.props.onInput&&this.props.onInput(e,t),this.props.onChange||(e.target.value.length>0?n.DomHandler.addClass(this.container,"p-inputwrapper-filled"):n.DomHandler.removeClass(this.container,"p-inputwrapper-filled"))}},{key:"testStrength",value:function(e){var t=0;return this.strongCheckRegExp.test(e)?t=3:this.mediumCheckRegExp.test(e)?t=2:e.length&&(t=1),t}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.inputEl,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!n.DomHandler.isAndroid()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(E({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),e.mediumRegex!==this.props.mediumRegex&&(this.mediumCheckRegExp=new RegExp(this.props.mediumRegex)),e.strongRegex!==this.props.strongRegex&&(this.strongCheckRegExp=new RegExp(this.props.strongRegex)),!this.isFilled()&&n.DomHandler.hasClass(this.container,"p-inputwrapper-filled")&&n.DomHandler.removeClass(this.container,"p-inputwrapper-filled")}},{key:"componentWillUnmount",value:function(){this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=r.tip({target:this.inputEl,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderIcon",value:function(){if(this.props.toggleMask){var e=this.state.unmasked?"pi pi-eye-slash":"pi pi-eye",t=u.default.createElement("i",{className:e,onClick:this.onMaskToggle});return this.props.icon&&(t=n.ObjectUtils.getJSXElement(this.props.icon,{onClick:this.onMaskToggle,className:e,element:t,props:this.props})),t}return null}},{key:"renderPanel",value:function(){var e=n.classNames("p-password-panel p-component",this.props.panelClassName),t=this.state.meter||{strength:"",width:"0%"},r=t.strength,i=t.width,s=n.ObjectUtils.getJSXElement(this.props.header,this.props),l=n.ObjectUtils.getJSXElement(this.props.footer,this.props),p=this.props.content?n.ObjectUtils.getJSXElement(this.props.content,this.props):u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"p-password-meter"},u.default.createElement("div",{className:"p-password-strength ".concat(r),style:{width:i}})),u.default.createElement("div",{className:"p-password-info"},this.state.infoText));return u.default.createElement(a.Portal,{element:u.default.createElement(o.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.overlayVisible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},u.default.createElement("div",{ref:this.overlayRef,className:e,style:this.props.panelStyle,onClick:this.onPanelClick},s,p,l)),appendTo:this.props.appendTo})}},{key:"render",value:function(){var e=this,t=n.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused,"p-input-icon-right":this.props.toggleMask},this.props.className),r=n.classNames("p-password-input",this.props.inputClassName),o=this.getInputType(),s=n.ObjectUtils.findDiffKeys(this.props,L.defaultProps),l=this.renderIcon(),a=this.renderPanel();return u.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:t,style:this.props.style},u.default.createElement(i.InputText,h({ref:this.inputRef,id:this.props.inputId},s,{type:o,className:r,style:this.props.inputStyle,onFocus:this.onFocus,onBlur:this.onBlur,onKeyUp:this.onKeyup,onInput:this.onInput})),l,a)}}])&&d(b.prototype,O),w&&d(b,w),L}(t.Component);return O(x,"defaultProps",{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,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null}),e.Password=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.tooltip,primereact.inputtext,primereact.csstransition,primereact.api,primereact.overlayservice,primereact.portal);
1
+ this.primereact=this.primereact||{},this.primereact.password=function(e,t,n,r,i,o,s,l,a){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(t),c=p(s);function h(){return h=Object.assign||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},h.apply(this,arguments)}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&v(e,t)}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 g(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return y(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function O(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(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 E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=function(e){m(L,e);var p,v,b,O,w,x=(p=L,v=R(),function(){var e,t=k(p);if(v){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return g(this,e)});function L(e){var n;return f(this,L),(n=x.call(this,e)).state={overlayVisible:!1,meter:null,infoText:n.promptLabel(),focused:!1,unmasked:!1},n.onFocus=n.onFocus.bind(y(n)),n.onBlur=n.onBlur.bind(y(n)),n.onKeyup=n.onKeyup.bind(y(n)),n.onInput=n.onInput.bind(y(n)),n.onMaskToggle=n.onMaskToggle.bind(y(n)),n.onOverlayEnter=n.onOverlayEnter.bind(y(n)),n.onOverlayEntered=n.onOverlayEntered.bind(y(n)),n.onOverlayExit=n.onOverlayExit.bind(y(n)),n.onOverlayExited=n.onOverlayExited.bind(y(n)),n.onPanelClick=n.onPanelClick.bind(y(n)),n.overlayRef=t.createRef(),n.inputRef=t.createRef(n.props.inputRef),n.mediumCheckRegExp=new RegExp(n.props.mediumRegex),n.strongCheckRegExp=new RegExp(n.props.strongRegex),n}return b=L,(O=[{key:"promptLabel",value:function(){return this.props.promptLabel||s.localeOption("passwordPrompt")}},{key:"weakLabel",value:function(){return this.props.weakLabel||s.localeOption("weak")}},{key:"mediumLabel",value:function(){return this.props.mediumLabel||s.localeOption("medium")}},{key:"strongLabel",value:function(){return this.props.strongLabel||s.localeOption("strong")}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.inputRef&&this.inputRef.current&&n.DomHandler.hasClass(this.inputRef.current,"p-filled")}},{key:"getInputType",value:function(){return this.state.unmasked?"text":"password"}},{key:"updateLabels",value:function(){if(this.state.meter){var e=null;switch(this.state.meter.strength){case"weak":e=this.weakLabel();break;case"medium":e=this.mediumLabel();break;case"strong":e=this.strongLabel()}e&&this.state.infoText!==e&&this.setState({infoText:e})}else{var t=this.promptLabel();this.state.infoText!==t&&this.setState({infoText:t})}}},{key:"onPanelClick",value:function(e){this.props.feedback&&l.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onMaskToggle",value:function(){this.setState((function(e){return{unmasked:!e.unmasked}}))}},{key:"showOverlay",value:function(){this.updateLabels(),this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1})}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&n.DomHandler.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||c.default.appendTo)}},{key:"onOverlayEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current,c.default.autoZIndex,c.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.feedback&&t.showOverlay(),t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.feedback&&t.hideOverlay(),t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onKeyup",value:function(e){var t=this,n=e.keyCode||e.which;if(this.props.feedback){var r=null,i=null;switch(this.testStrength(e.target.value)){case 1:r=this.weakLabel(),i={strength:"weak",width:"33.33%"};break;case 2:r=this.mediumLabel(),i={strength:"medium",width:"66.66%"};break;case 3:r=this.strongLabel(),i={strength:"strong",width:"100%"};break;default:r=this.promptLabel(),i=null}this.setState({meter:i,infoText:r},(function(){n&&!t.state.overlayVisible&&t.showOverlay()}))}this.props.onKeyUp&&this.props.onKeyUp(e)}},{key:"onInput",value:function(e,t){this.props.onInput&&this.props.onInput(e,t),this.props.onChange||(e.target.value.length>0?n.DomHandler.addClass(this.container,"p-inputwrapper-filled"):n.DomHandler.removeClass(this.container,"p-inputwrapper-filled"))}},{key:"testStrength",value:function(e){var t=0;return this.strongCheckRegExp.test(e)?t=3:this.mediumCheckRegExp.test(e)?t=2:e.length&&(t=1),t}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.inputEl,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!n.DomHandler.isTouchDevice()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(E({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),e.mediumRegex!==this.props.mediumRegex&&(this.mediumCheckRegExp=new RegExp(this.props.mediumRegex)),e.strongRegex!==this.props.strongRegex&&(this.strongCheckRegExp=new RegExp(this.props.strongRegex)),!this.isFilled()&&n.DomHandler.hasClass(this.container,"p-inputwrapper-filled")&&n.DomHandler.removeClass(this.container,"p-inputwrapper-filled")}},{key:"componentWillUnmount",value:function(){this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=r.tip({target:this.inputEl,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderIcon",value:function(){if(this.props.toggleMask){var e=this.state.unmasked?"pi pi-eye-slash":"pi pi-eye",t=u.default.createElement("i",{className:e,onClick:this.onMaskToggle});return this.props.icon&&(t=n.ObjectUtils.getJSXElement(this.props.icon,{onClick:this.onMaskToggle,className:e,element:t,props:this.props})),t}return null}},{key:"renderPanel",value:function(){var e=n.classNames("p-password-panel p-component",this.props.panelClassName),t=this.state.meter||{strength:"",width:"0%"},r=t.strength,i=t.width,s=n.ObjectUtils.getJSXElement(this.props.header,this.props),l=n.ObjectUtils.getJSXElement(this.props.footer,this.props),p=this.props.content?n.ObjectUtils.getJSXElement(this.props.content,this.props):u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"p-password-meter"},u.default.createElement("div",{className:"p-password-strength ".concat(r),style:{width:i}})),u.default.createElement("div",{className:"p-password-info"},this.state.infoText));return u.default.createElement(a.Portal,{element:u.default.createElement(o.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.overlayVisible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},u.default.createElement("div",{ref:this.overlayRef,className:e,style:this.props.panelStyle,onClick:this.onPanelClick},s,p,l)),appendTo:this.props.appendTo})}},{key:"render",value:function(){var e=this,t=n.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused,"p-input-icon-right":this.props.toggleMask},this.props.className),r=n.classNames("p-password-input",this.props.inputClassName),o=this.getInputType(),s=n.ObjectUtils.findDiffKeys(this.props,L.defaultProps),l=this.renderIcon(),a=this.renderPanel();return u.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:t,style:this.props.style},u.default.createElement(i.InputText,h({ref:this.inputRef,id:this.props.inputId},s,{type:o,className:r,style:this.props.inputStyle,onFocus:this.onFocus,onBlur:this.onBlur,onKeyUp:this.onKeyup,onInput:this.onInput})),l,a)}}])&&d(b.prototype,O),w&&d(b,w),L}(t.Component);return O(x,"defaultProps",{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,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null}),e.Password=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.tooltip,primereact.inputtext,primereact.csstransition,primereact.api,primereact.overlayservice,primereact.portal);
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var react = require('react');
6
6
  var ReactDOM = require('react-dom');
7
7
  var PrimeReact = require('primereact/api');
8
+ var utils = require('primereact/utils');
8
9
 
9
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
11
 
@@ -134,14 +135,9 @@ var Portal = /*#__PURE__*/function (_Component) {
134
135
  }
135
136
 
136
137
  _createClass(Portal, [{
137
- key: "hasDOM",
138
- value: function hasDOM() {
139
- return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
140
- }
141
- }, {
142
138
  key: "componentDidMount",
143
139
  value: function componentDidMount() {
144
- if (this.hasDOM() && !this.state.mounted) {
140
+ if (utils.DomHandler.hasDOM() && !this.state.mounted) {
145
141
  this.setState({
146
142
  mounted: true
147
143
  }, this.props.onMounted);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-dom"),n=require("primereact/api");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t),u=o(n);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(e,t)}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&f(e,t)}function a(e){return a="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},a(e)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b,m,h,v=function(t){l(m,e.Component);var n,o,f,a,p,b=(n=m,o=d(),function(){var e,t=y(n);if(o){var r=y(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return s(this,e)});function m(e){var t;return i(this,m),(t=b.call(this,e)).state={mounted:e.visible},t}return f=m,(a=[{key:"hasDOM",value:function(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}},{key:"componentDidMount",value:function(){this.hasDOM()&&!this.state.mounted&&this.setState({mounted:!0},this.props.onMounted)}},{key:"componentWillUnmount",value:function(){this.props.onUnmounted&&this.props.onUnmounted()}},{key:"render",value:function(){var e=this.props.element||this.props.children;if(e&&this.state.mounted){var t=this.props.appendTo||u.default.appendTo||document.body;return"self"===t?e:r.default.createPortal(e,t)}return null}}])&&c(f.prototype,a),p&&c(f,p),m}();h={element:null,appendTo:null,visible:!1,onMounted:null,onUnmounted:null},(m="defaultProps")in(b=v)?Object.defineProperty(b,m,{value:h,enumerable:!0,configurable:!0,writable:!0}):b[m]=h,exports.Portal=v;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-dom"),n=require("primereact/api"),r=require("primereact/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(t),i=o(n);function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(e,t)}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&f(e,t)}function p(e){return p="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},p(e)}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m,h,v,O=function(t){a(h,e.Component);var n,o,f,p,s,m=(n=h,o=b(),function(){var e,t=d(n);if(o){var r=d(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return y(this,e)});function h(e){var t;return c(this,h),(t=m.call(this,e)).state={mounted:e.visible},t}return f=h,(p=[{key:"componentDidMount",value:function(){r.DomHandler.hasDOM()&&!this.state.mounted&&this.setState({mounted:!0},this.props.onMounted)}},{key:"componentWillUnmount",value:function(){this.props.onUnmounted&&this.props.onUnmounted()}},{key:"render",value:function(){var e=this.props.element||this.props.children;if(e&&this.state.mounted){var t=this.props.appendTo||i.default.appendTo||document.body;return"self"===t?e:u.default.createPortal(e,t)}return null}}])&&l(f.prototype,p),s&&l(f,s),h}();v={element:null,appendTo:null,visible:!1,onMounted:null,onUnmounted:null},(h="defaultProps")in(m=O)?Object.defineProperty(m,h,{value:v,enumerable:!0,configurable:!0,writable:!0}):m[h]=v,exports.Portal=O;
@@ -1,6 +1,7 @@
1
1
  import { Component } from 'react';
2
2
  import ReactDOM from 'react-dom';
3
3
  import PrimeReact from 'primereact/api';
4
+ import { DomHandler } from 'primereact/utils';
4
5
 
5
6
  function _classCallCheck(instance, Constructor) {
6
7
  if (!(instance instanceof Constructor)) {
@@ -125,14 +126,9 @@ var Portal = /*#__PURE__*/function (_Component) {
125
126
  }
126
127
 
127
128
  _createClass(Portal, [{
128
- key: "hasDOM",
129
- value: function hasDOM() {
130
- return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
131
- }
132
- }, {
133
129
  key: "componentDidMount",
134
130
  value: function componentDidMount() {
135
- if (this.hasDOM() && !this.state.mounted) {
131
+ if (DomHandler.hasDOM() && !this.state.mounted) {
136
132
  this.setState({
137
133
  mounted: true
138
134
  }, this.props.onMounted);