primereact 6.6.0 → 7.0.1

package/panelmenu/panelmenu.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.panelmenu = (function (exports, React, core) {
+this.primereact.panelmenu = (function (exports, React, utils, csstransition) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -114,6 +114,8 @@ this.primereact.panelmenu = (function (exports, React, core) {
   function _possibleConstructorReturn(self, call) {
     if (call && (_typeof(call) === "object" || typeof call === "function")) {
       return call;
+    } else if (call !== void 0) {
+      throw new TypeError("Derived constructors may only return object or undefined");
     }
 
     return _assertThisInitialized(self);
@@ -231,7 +233,7 @@ this.primereact.panelmenu = (function (exports, React, core) {
     }, {
       key: "renderSeparator",
       value: function renderSeparator(index) {
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: 'separator_' + index,
           className: "p-menu-separator"
         });
@@ -239,13 +241,13 @@ this.primereact.panelmenu = (function (exports, React, core) {
     }, {
       key: "renderSubmenu",
       value: function renderSubmenu(item, active) {
-        var submenuWrapperClassName = core.classNames('p-toggleable-content', {
+        var submenuWrapperClassName = utils.classNames('p-toggleable-content', {
           'p-toggleable-content-collapsed': !active
         });
-        var submenuContentRef = /*#__PURE__*/React__default['default'].createRef();
+        var submenuContentRef = /*#__PURE__*/React__default["default"].createRef();
 
         if (item.items) {
-          return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+          return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
             nodeRef: submenuContentRef,
             classNames: "p-toggleable-content",
             timeout: {
@@ -254,10 +256,10 @@ this.primereact.panelmenu = (function (exports, React, core) {
             },
             in: active,
             unmountOnExit: true
-          }, /*#__PURE__*/React__default['default'].createElement("div", {
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
             ref: submenuContentRef,
             className: submenuWrapperClassName
-          }, /*#__PURE__*/React__default['default'].createElement(PanelMenuSub, {
+          }, /*#__PURE__*/React__default["default"].createElement(PanelMenuSub, {
             model: item.items,
             multiple: this.props.multiple
           })));
@@ -271,26 +273,26 @@ this.primereact.panelmenu = (function (exports, React, core) {
         var _this2 = this;
 
         var active = this.isItemActive(item);
-        var className = core.classNames('p-menuitem', item.className);
-        var linkClassName = core.classNames('p-menuitem-link', {
+        var className = utils.classNames('p-menuitem', item.className);
+        var linkClassName = utils.classNames('p-menuitem-link', {
           'p-disabled': item.disabled
         });
-        var iconClassName = core.classNames('p-menuitem-icon', item.icon);
-        var submenuIconClassName = core.classNames('p-panelmenu-icon pi pi-fw', {
+        var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
+        var submenuIconClassName = utils.classNames('p-panelmenu-icon pi pi-fw', {
           'pi-angle-right': !active,
           'pi-angle-down': active
         });
-        var icon = item.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+        var icon = item.icon && /*#__PURE__*/React__default["default"].createElement("span", {
           className: iconClassName
         });
-        var label = item.label && /*#__PURE__*/React__default['default'].createElement("span", {
+        var label = item.label && /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-menuitem-text"
         }, item.label);
-        var submenuIcon = item.items && /*#__PURE__*/React__default['default'].createElement("span", {
+        var submenuIcon = item.items && /*#__PURE__*/React__default["default"].createElement("span", {
           className: submenuIconClassName
         });
         var submenu = this.renderSubmenu(item, active);
-        var content = /*#__PURE__*/React__default['default'].createElement("a", {
+        var content = /*#__PURE__*/React__default["default"].createElement("a", {
           href: item.url || '#',
           className: linkClassName,
           target: item.target,
@@ -315,10 +317,10 @@ this.primereact.panelmenu = (function (exports, React, core) {
             leaf: !item.items,
             active: active
           };
-          content = core.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
+          content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: item.label + '_' + index,
           className: className,
           style: item.style,
@@ -346,9 +348,9 @@ this.primereact.panelmenu = (function (exports, React, core) {
     }, {
       key: "render",
       value: function render() {
-        var className = core.classNames('p-submenu-list', this.props.className);
+        var className = utils.classNames('p-submenu-list', this.props.className);
         var menu = this.renderMenu();
-        return /*#__PURE__*/React__default['default'].createElement("ul", {
+        return /*#__PURE__*/React__default["default"].createElement("ul", {
           className: className,
           role: "tree"
         }, menu);
@@ -452,7 +454,7 @@ this.primereact.panelmenu = (function (exports, React, core) {
       value: function componentDidMount() {
         if (!this.state.id) {
           this.setState({
-            id: core.UniqueComponentId()
+            id: utils.UniqueComponentId()
           });
         }
       }
@@ -462,30 +464,30 @@ this.primereact.panelmenu = (function (exports, React, core) {
         var _this5 = this;
 
         var active = this.isItemActive(item);
-        var className = core.classNames('p-panelmenu-panel', item.className);
-        var headerClassName = core.classNames('p-component p-panelmenu-header', {
+        var className = utils.classNames('p-panelmenu-panel', item.className);
+        var headerClassName = utils.classNames('p-component p-panelmenu-header', {
           'p-highlight': active,
           'p-disabled': item.disabled
         });
-        var submenuIconClassName = core.classNames('p-panelmenu-icon pi', {
+        var submenuIconClassName = utils.classNames('p-panelmenu-icon pi', {
           'pi-chevron-right': !active,
           ' pi-chevron-down': active
         });
-        var iconClassName = core.classNames('p-menuitem-icon', item.icon);
-        var submenuIcon = item.items && /*#__PURE__*/React__default['default'].createElement("span", {
+        var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
+        var submenuIcon = item.items && /*#__PURE__*/React__default["default"].createElement("span", {
           className: submenuIconClassName
         });
-        var itemIcon = item.icon && /*#__PURE__*/React__default['default'].createElement("span", {
+        var itemIcon = item.icon && /*#__PURE__*/React__default["default"].createElement("span", {
           className: iconClassName
         });
-        var label = item.label && /*#__PURE__*/React__default['default'].createElement("span", {
+        var label = item.label && /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-menuitem-text"
         }, item.label);
-        var contentWrapperClassName = core.classNames('p-toggleable-content', {
+        var contentWrapperClassName = utils.classNames('p-toggleable-content', {
           'p-toggleable-content-collapsed': !active
         });
-        var menuContentRef = /*#__PURE__*/React__default['default'].createRef();
-        var content = /*#__PURE__*/React__default['default'].createElement("a", {
+        var menuContentRef = /*#__PURE__*/React__default["default"].createRef();
+        var content = /*#__PURE__*/React__default["default"].createElement("a", {
           href: item.url || '#',
           className: "p-panelmenu-header-link",
           onClick: function onClick(e) {
@@ -511,17 +513,17 @@ this.primereact.panelmenu = (function (exports, React, core) {
             leaf: !item.items,
             active: active
           };
-          content = core.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
+          content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           key: item.label + '_' + index,
           className: className,
           style: item.style
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: headerClassName,
           style: item.style
-        }, content), /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+        }, content), /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
           nodeRef: menuContentRef,
           classNames: "p-toggleable-content",
           timeout: {
@@ -531,15 +533,15 @@ this.primereact.panelmenu = (function (exports, React, core) {
           in: active,
           unmountOnExit: true,
           options: this.props.transitionOptions
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: menuContentRef,
           className: contentWrapperClassName,
           role: "region",
           id: this.state.id + '_content',
           "aria-labelledby": this.state.id + '_header'
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-panelmenu-content"
-        }, /*#__PURE__*/React__default['default'].createElement(PanelMenuSub, {
+        }, /*#__PURE__*/React__default["default"].createElement(PanelMenuSub, {
           model: item.items,
           className: "p-panelmenu-root-submenu",
           multiple: this.props.multiple
@@ -561,9 +563,9 @@ this.primereact.panelmenu = (function (exports, React, core) {
     }, {
       key: "render",
       value: function render() {
-        var className = core.classNames('p-panelmenu p-component', this.props.className);
+        var className = utils.classNames('p-panelmenu p-component', this.props.className);
         var panels = this.renderPanels();
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           id: this.props.id,
           className: className,
           style: this.props.style
@@ -589,4 +591,4 @@ this.primereact.panelmenu = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils, primereact.csstransition);

package/panelmenu/panelmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.panelmenu=function(e,t,n){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(t);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function i(e){if(Array.isArray(e))return l(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function o(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function u(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function c(e){return i(e)||s(e)||o(e)||u()}function m(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 a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function f(e,t,n){return t&&p(e.prototype,t),n&&p(e,n),e}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(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&&d(e,t)}function v(e){return(v="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})(e)}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e,t){return!t||"object"!==v(t)&&"function"!=typeof t?y(e):t}function N(e){return(N=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function I(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){var t=k();return function(){var n,a=N(e);if(t){var r=N(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return b(this,n)}}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 E=function(e){h(a,e);var t=g(a);function a(e){var n;return m(this,a),(n=t.call(this,e)).state={activeItem:n.findActiveItem()},n}return f(a,[{key:"onItemClick",value:function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=this.state.activeItem;this.isItemActive(t)?(t.expanded=!1,this.setState({activeItem:this.props.multiple?n.filter((function(e){return e!==t})):null})):(!this.props.multiple&&n&&(n.expanded=!1),t.expanded=!0,this.setState({activeItem:this.props.multiple?[].concat(c(n||[]),[t]):t}))}}},{key:"findActiveItem",value:function(){if(this.props.model){if(this.props.multiple)return this.props.model.filter((function(e){return e.expanded}));var e=null;return this.props.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null}},{key:"isItemActive",value:function(e){return this.state.activeItem&&(this.props.multiple?this.state.activeItem.indexOf(e)>-1:this.state.activeItem===e)}},{key:"renderSeparator",value:function(e){return r.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})}},{key:"renderSubmenu",value:function(e,t){var l=n.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!t}),i=r.default.createRef();return e.items?r.default.createElement(n.CSSTransition,{nodeRef:i,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0},r.default.createElement("div",{ref:i,className:l},r.default.createElement(a,{model:e.items,multiple:this.props.multiple}))):null}},{key:"renderMenuitem",value:function(e,t){var a=this,l=this.isItemActive(e),i=n.classNames("p-menuitem",e.className),s=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),o=n.classNames("p-menuitem-icon",e.icon),u=n.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!l,"pi-angle-down":l}),c=e.icon&&r.default.createElement("span",{className:o}),m=e.label&&r.default.createElement("span",{className:"p-menuitem-text"},e.label),p=e.items&&r.default.createElement("span",{className:u}),f=this.renderSubmenu(e,l),d=r.default.createElement("a",{href:e.url||"#",className:s,target:e.target,onClick:function(n){return a.onItemClick(n,e,t)},role:"menuitem","aria-disabled":e.disabled},p,c,m);e.template&&(d=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return a.onItemClick(n,e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:o,submenuIconClassName:u,element:d,props:this.props,leaf:!e.items,active:l}));return r.default.createElement("li",{key:e.label+"_"+t,className:i,style:e.style,role:"none"},d,f)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var e=n.classNames("p-submenu-list",this.props.className),t=this.renderMenu();return r.default.createElement("ul",{className:e,role:"tree"},t)}}]),a}(t.Component);I(E,"defaultProps",{model:null,multiple:!1});var S=function(e){h(a,e);var t=g(a);function a(e){var n;return m(this,a),(n=t.call(this,e)).state={id:e.id,activeItem:n.findActiveItem()},n}return f(a,[{key:"onItemClick",value:function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=this.state.activeItem;this.isItemActive(t)?(t.expanded=!1,this.setState({activeItem:this.props.multiple?n.filter((function(e){return e!==t})):null})):(!this.props.multiple&&n&&(n.expanded=!1),t.expanded=!0,this.setState({activeItem:this.props.multiple?[].concat(c(n||[]),[t]):t}))}}},{key:"findActiveItem",value:function(){if(this.props.model){if(this.props.multiple)return this.props.model.filter((function(e){return e.expanded}));var e=null;return this.props.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null}},{key:"isItemActive",value:function(e){return this.state.activeItem&&(this.props.multiple?this.state.activeItem.indexOf(e)>-1:this.state.activeItem===e)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()})}},{key:"renderPanel",value:function(e,t){var a=this,l=this.isItemActive(e),i=n.classNames("p-panelmenu-panel",e.className),s=n.classNames("p-component p-panelmenu-header",{"p-highlight":l,"p-disabled":e.disabled}),o=n.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!l," pi-chevron-down":l}),u=n.classNames("p-menuitem-icon",e.icon),c=e.items&&r.default.createElement("span",{className:o}),m=e.icon&&r.default.createElement("span",{className:u}),p=e.label&&r.default.createElement("span",{className:"p-menuitem-text"},e.label),f=n.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),d=r.default.createRef(),h=r.default.createElement("a",{href:e.url||"#",className:"p-panelmenu-header-link",onClick:function(t){return a.onItemClick(t,e)},"aria-expanded":l,id:this.state.id+"_header","aria-controls":this.state.id+"content","aria-disabled":e.disabled},c,m,p);e.template&&(h=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return a.onItemClick(t,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:o,iconClassName:u,element:h,props:this.props,leaf:!e.items,active:l}));return r.default.createElement("div",{key:e.label+"_"+t,className:i,style:e.style},r.default.createElement("div",{className:s,style:e.style},h),r.default.createElement(n.CSSTransition,{nodeRef:d,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0,options:this.props.transitionOptions},r.default.createElement("div",{ref:d,className:f,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},r.default.createElement("div",{className:"p-panelmenu-content"},r.default.createElement(E,{model:e.items,className:"p-panelmenu-root-submenu",multiple:this.props.multiple})))))}},{key:"renderPanels",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderPanel(t,n)})):null}},{key:"render",value:function(){var e=n.classNames("p-panelmenu p-component",this.props.className),t=this.renderPanels();return r.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},t)}}]),a}(t.Component);return I(S,"defaultProps",{id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null}),e.PanelMenu=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.panelmenu=function(e,t,n,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e){if(Array.isArray(e))return l(e)}function o(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return s(e)||o(e)||u(e)||c()}function p(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,t,n){return t&&f(e.prototype,t),n&&f(e,n),e}function h(e,t){return h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},h(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&&h(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 b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function N(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 b(e)}function I(e){return I=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},I(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 E(e){var t=k();return function(){var n,r=I(e);if(t){var a=I(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return N(this,n)}}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 S=function(e){v(a,e);var t=E(a);function a(e){var n;return p(this,a),(n=t.call(this,e)).state={activeItem:n.findActiveItem()},n}return d(a,[{key:"onItemClick",value:function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=this.state.activeItem;this.isItemActive(t)?(t.expanded=!1,this.setState({activeItem:this.props.multiple?n.filter((function(e){return e!==t})):null})):(!this.props.multiple&&n&&(n.expanded=!1),t.expanded=!0,this.setState({activeItem:this.props.multiple?[].concat(m(n||[]),[t]):t}))}}},{key:"findActiveItem",value:function(){if(this.props.model){if(this.props.multiple)return this.props.model.filter((function(e){return e.expanded}));var e=null;return this.props.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null}},{key:"isItemActive",value:function(e){return this.state.activeItem&&(this.props.multiple?this.state.activeItem.indexOf(e)>-1:this.state.activeItem===e)}},{key:"renderSeparator",value:function(e){return i.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})}},{key:"renderSubmenu",value:function(e,t){var l=n.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!t}),s=i.default.createRef();return e.items?i.default.createElement(r.CSSTransition,{nodeRef:s,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0},i.default.createElement("div",{ref:s,className:l},i.default.createElement(a,{model:e.items,multiple:this.props.multiple}))):null}},{key:"renderMenuitem",value:function(e,t){var r=this,a=this.isItemActive(e),l=n.classNames("p-menuitem",e.className),s=n.classNames("p-menuitem-link",{"p-disabled":e.disabled}),o=n.classNames("p-menuitem-icon",e.icon),u=n.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!a,"pi-angle-down":a}),c=e.icon&&i.default.createElement("span",{className:o}),m=e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label),p=e.items&&i.default.createElement("span",{className:u}),f=this.renderSubmenu(e,a),d=i.default.createElement("a",{href:e.url||"#",className:s,target:e.target,onClick:function(n){return r.onItemClick(n,e,t)},role:"menuitem","aria-disabled":e.disabled},p,c,m);e.template&&(d=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return r.onItemClick(n,e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:o,submenuIconClassName:u,element:d,props:this.props,leaf:!e.items,active:a}));return i.default.createElement("li",{key:e.label+"_"+t,className:l,style:e.style,role:"none"},d,f)}},{key:"renderItem",value:function(e,t){return e.separator?this.renderSeparator(t):this.renderMenuitem(e,t)}},{key:"renderMenu",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"render",value:function(){var e=n.classNames("p-submenu-list",this.props.className),t=this.renderMenu();return i.default.createElement("ul",{className:e,role:"tree"},t)}}]),a}(t.Component);g(S,"defaultProps",{model:null,multiple:!1});var x=function(e){v(a,e);var t=E(a);function a(e){var n;return p(this,a),(n=t.call(this,e)).state={id:e.id,activeItem:n.findActiveItem()},n}return d(a,[{key:"onItemClick",value:function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var n=this.state.activeItem;this.isItemActive(t)?(t.expanded=!1,this.setState({activeItem:this.props.multiple?n.filter((function(e){return e!==t})):null})):(!this.props.multiple&&n&&(n.expanded=!1),t.expanded=!0,this.setState({activeItem:this.props.multiple?[].concat(m(n||[]),[t]):t}))}}},{key:"findActiveItem",value:function(){if(this.props.model){if(this.props.multiple)return this.props.model.filter((function(e){return e.expanded}));var e=null;return this.props.model.forEach((function(t){t.expanded&&(e?t.expanded=!1:e=t)})),e}return null}},{key:"isItemActive",value:function(e){return this.state.activeItem&&(this.props.multiple?this.state.activeItem.indexOf(e)>-1:this.state.activeItem===e)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()})}},{key:"renderPanel",value:function(e,t){var a=this,l=this.isItemActive(e),s=n.classNames("p-panelmenu-panel",e.className),o=n.classNames("p-component p-panelmenu-header",{"p-highlight":l,"p-disabled":e.disabled}),u=n.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!l," pi-chevron-down":l}),c=n.classNames("p-menuitem-icon",e.icon),m=e.items&&i.default.createElement("span",{className:u}),p=e.icon&&i.default.createElement("span",{className:c}),f=e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label),d=n.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),h=i.default.createRef(),v=i.default.createElement("a",{href:e.url||"#",className:"p-panelmenu-header-link",onClick:function(t){return a.onItemClick(t,e)},"aria-expanded":l,id:this.state.id+"_header","aria-controls":this.state.id+"content","aria-disabled":e.disabled},m,p,f);e.template&&(v=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return a.onItemClick(t,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:u,iconClassName:c,element:v,props:this.props,leaf:!e.items,active:l}));return i.default.createElement("div",{key:e.label+"_"+t,className:s,style:e.style},i.default.createElement("div",{className:o,style:e.style},v),i.default.createElement(r.CSSTransition,{nodeRef:h,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0,options:this.props.transitionOptions},i.default.createElement("div",{ref:h,className:d,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},i.default.createElement("div",{className:"p-panelmenu-content"},i.default.createElement(S,{model:e.items,className:"p-panelmenu-root-submenu",multiple:this.props.multiple})))))}},{key:"renderPanels",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderPanel(t,n)})):null}},{key:"render",value:function(){var e=n.classNames("p-panelmenu p-component",this.props.className),t=this.renderPanels();return i.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},t)}}]),a}(t.Component);return g(x,"defaultProps",{id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null}),e.PanelMenu=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition);

package/password/password.cjs.js

@@ -3,9 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var tooltip = require('primereact/tooltip');
 var inputtext = require('primereact/inputtext');
+var csstransition = require('primereact/csstransition');
 var PrimeReact = require('primereact/api');
+var overlayservice = require('primereact/overlayservice');
+var portal = require('primereact/portal');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -103,6 +107,8 @@ function _typeof(obj) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -195,7 +201,7 @@ var Password = /*#__PURE__*/function (_Component) {
   }, {
     key: "isFilled",
     value: function isFilled() {
-      return this.props.value != null && this.props.value.toString().length > 0 || this.props.defaultValue != null && this.props.defaultValue.toString().length > 0 || this.inputRef && this.inputRef.current && core.DomHandler.hasClass(this.inputRef.current, 'p-filled');
+      return this.props.value != null && this.props.value.toString().length > 0 || this.props.defaultValue != null && this.props.defaultValue.toString().length > 0 || this.inputRef && this.inputRef.current && utils.DomHandler.hasClass(this.inputRef.current, 'p-filled');
     }
   }, {
     key: "getInputType",
@@ -241,7 +247,7 @@ var Password = /*#__PURE__*/function (_Component) {
     key: "onPanelClick",
     value: function onPanelClick(event) {
       if (this.props.feedback) {
-        core.OverlayService.emit('overlay-click', {
+        overlayservice.OverlayService.emit('overlay-click', {
           originalEvent: event,
           target: this.container
         });
@@ -275,13 +281,13 @@ var Password = /*#__PURE__*/function (_Component) {
     key: "alignOverlay",
     value: function alignOverlay() {
       if (this.inputRef && this.inputRef.current) {
-        core.DomHandler.alignOverlay(this.overlayRef.current, this.inputRef.current.parentElement, this.props.appendTo || PrimeReact__default['default'].appendTo);
+        utils.DomHandler.alignOverlay(this.overlayRef.current, this.inputRef.current.parentElement, this.props.appendTo || PrimeReact__default["default"].appendTo);
       }
     }
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      core.ZIndexUtils.set('overlay', this.overlayRef.current);
+      utils.ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
       this.alignOverlay();
     }
   }, {
@@ -300,7 +306,7 @@ var Password = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayExited",
     value: function onOverlayExited() {
-      core.ZIndexUtils.clear(this.overlayRef.current);
+      utils.ZIndexUtils.clear(this.overlayRef.current);
       this.props.onHide && this.props.onHide();
     }
   }, {
@@ -404,7 +410,7 @@ var Password = /*#__PURE__*/function (_Component) {
       }
 
       if (!this.props.onChange) {
-        if (event.target.value.length > 0) core.DomHandler.addClass(this.container, 'p-inputwrapper-filled');else core.DomHandler.removeClass(this.container, 'p-inputwrapper-filled');
+        if (event.target.value.length > 0) utils.DomHandler.addClass(this.container, 'p-inputwrapper-filled');else utils.DomHandler.removeClass(this.container, 'p-inputwrapper-filled');
       }
     }
   }, {
@@ -420,7 +426,7 @@ var Password = /*#__PURE__*/function (_Component) {
       var _this5 = this;
 
       if (!this.scrollHandler) {
-        this.scrollHandler = new core.ConnectedOverlayScrollHandler(this.inputEl, function () {
+        this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.inputEl, function () {
           if (_this5.state.overlayVisible) {
             _this5.hideOverlay();
           }
@@ -443,7 +449,7 @@ var Password = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this6.state.overlayVisible && !core.DomHandler.isAndroid()) {
+          if (_this6.state.overlayVisible && !utils.DomHandler.isAndroid()) {
             _this6.hideOverlay();
           }
         };
@@ -498,8 +504,8 @@ var Password = /*#__PURE__*/function (_Component) {
         this.strongCheckRegExp = new RegExp(this.props.strongRegex);
       }
 
-      if (!this.isFilled() && core.DomHandler.hasClass(this.container, 'p-inputwrapper-filled')) {
-        core.DomHandler.removeClass(this.container, 'p-inputwrapper-filled');
+      if (!this.isFilled() && utils.DomHandler.hasClass(this.container, 'p-inputwrapper-filled')) {
+        utils.DomHandler.removeClass(this.container, 'p-inputwrapper-filled');
       }
     }
   }, {
@@ -517,12 +523,12 @@ var Password = /*#__PURE__*/function (_Component) {
         this.tooltip = null;
       }
 
-      core.ZIndexUtils.clear(this.overlayRef.current);
+      utils.ZIndexUtils.clear(this.overlayRef.current);
     }
   }, {
     key: "renderTooltip",
     value: function renderTooltip() {
-      this.tooltip = core.tip({
+      this.tooltip = tooltip.tip({
         target: this.inputEl,
         content: this.props.tooltip,
         options: this.props.tooltipOptions
@@ -533,7 +539,7 @@ var Password = /*#__PURE__*/function (_Component) {
     value: function renderIcon() {
       if (this.props.toggleMask) {
         var iconClassName = this.state.unmasked ? 'pi pi-eye-slash' : 'pi pi-eye';
-        var content = /*#__PURE__*/React__default['default'].createElement("i", {
+        var content = /*#__PURE__*/React__default["default"].createElement("i", {
           className: iconClassName,
           onClick: this.onMaskToggle
         });
@@ -545,7 +551,7 @@ var Password = /*#__PURE__*/function (_Component) {
             element: content,
             props: this.props
           };
-          content = core.ObjectUtils.getJSXElement(this.props.icon, defaultIconOptions);
+          content = utils.ObjectUtils.getJSXElement(this.props.icon, defaultIconOptions);
         }
 
         return content;
@@ -556,7 +562,7 @@ var Password = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderPanel",
     value: function renderPanel() {
-      var panelClassName = core.classNames('p-password-panel p-component', this.props.panelClassName);
+      var panelClassName = utils.classNames('p-password-panel p-component', this.props.panelClassName);
 
       var _ref = this.state.meter || {
         strength: '',
@@ -565,19 +571,19 @@ var Password = /*#__PURE__*/function (_Component) {
           strength = _ref.strength,
           width = _ref.width;
 
-      var header = core.ObjectUtils.getJSXElement(this.props.header, this.props);
-      var footer = core.ObjectUtils.getJSXElement(this.props.footer, this.props);
-      var content = this.props.content ? core.ObjectUtils.getJSXElement(this.props.content, this.props) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+      var header = utils.ObjectUtils.getJSXElement(this.props.header, this.props);
+      var footer = utils.ObjectUtils.getJSXElement(this.props.footer, this.props);
+      var content = this.props.content ? utils.ObjectUtils.getJSXElement(this.props.content, this.props) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-password-meter"
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-password-strength ".concat(strength),
         style: {
           width: width
         }
-      })), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-password-info"
       }, this.state.infoText));
-      var panel = /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+      var panel = /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
         nodeRef: this.overlayRef,
         classNames: "p-connected-overlay",
         in: this.state.overlayVisible,
@@ -591,13 +597,13 @@ var Password = /*#__PURE__*/function (_Component) {
         onEntered: this.onOverlayEntered,
         onExit: this.onOverlayExit,
         onExited: this.onOverlayExited
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: this.overlayRef,
         className: panelClassName,
         style: this.props.panelStyle,
         onClick: this.onPanelClick
       }, header, content, footer));
-      return /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+      return /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
         element: panel,
         appendTo: this.props.appendTo
       });
@@ -607,24 +613,24 @@ var Password = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this7 = this;
 
-      var containerClassName = core.classNames('p-password p-component p-inputwrapper', {
+      var containerClassName = utils.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);
-      var inputClassName = core.classNames('p-password-input', this.props.inputClassName);
+      var inputClassName = utils.classNames('p-password-input', this.props.inputClassName);
       var type = this.getInputType();
-      var inputProps = core.ObjectUtils.findDiffKeys(this.props, Password.defaultProps);
+      var inputProps = utils.ObjectUtils.findDiffKeys(this.props, Password.defaultProps);
       var icon = this.renderIcon();
       var panel = this.renderPanel();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this7.container = el;
         },
         id: this.props.id,
         className: containerClassName,
         style: this.props.style
-      }, /*#__PURE__*/React__default['default'].createElement(inputtext.InputText, _extends({
+      }, /*#__PURE__*/React__default["default"].createElement(inputtext.InputText, _extends({
         ref: this.inputRef,
         id: this.props.inputId
       }, inputProps, {

package/password/password.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core"),n=require("primereact/inputtext"),i=require("primereact/api");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e),s=r(i);function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function a(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 i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function u(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})(e,t)}function h(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})(e)}function d(e,t){return!t||"object"!==f(t)&&"function"!=typeof t?u(e):t}function y(e){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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){v(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 g(){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 k=function(r){h(w,e.Component);var c,f,v,m,k,O=(c=w,f=g(),function(){var e,t=y(c);if(f){var n=y(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return d(this,e)});function w(t){var n;return a(this,w),(n=O.call(this,t)).state={overlayVisible:!1,meter:null,infoText:n.promptLabel(),focused:!1,unmasked:!1},n.onFocus=n.onFocus.bind(u(n)),n.onBlur=n.onBlur.bind(u(n)),n.onKeyup=n.onKeyup.bind(u(n)),n.onInput=n.onInput.bind(u(n)),n.onMaskToggle=n.onMaskToggle.bind(u(n)),n.onOverlayEnter=n.onOverlayEnter.bind(u(n)),n.onOverlayEntered=n.onOverlayEntered.bind(u(n)),n.onOverlayExit=n.onOverlayExit.bind(u(n)),n.onOverlayExited=n.onOverlayExited.bind(u(n)),n.onPanelClick=n.onPanelClick.bind(u(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 v=w,(m=[{key:"promptLabel",value:function(){return this.props.promptLabel||i.localeOption("passwordPrompt")}},{key:"weakLabel",value:function(){return this.props.weakLabel||i.localeOption("weak")}},{key:"mediumLabel",value:function(){return this.props.mediumLabel||i.localeOption("medium")}},{key:"strongLabel",value:function(){return this.props.strongLabel||i.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&&t.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||s.default.appendTo)}},{key:"onOverlayEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current),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 i=null,r=null;switch(this.testStrength(e.target.value)){case 1:i=this.weakLabel(),r={strength:"weak",width:"33.33%"};break;case 2:i=this.mediumLabel(),r={strength:"medium",width:"66.66%"};break;case 3:i=this.strongLabel(),r={strength:"strong",width:"100%"};break;default:i=this.promptLabel(),r=null}this.setState({meter:r,infoText:i},(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(b({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=t.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=o.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%"},i=n.strength,r=n.width,s=t.ObjectUtils.getJSXElement(this.props.header,this.props),l=t.ObjectUtils.getJSXElement(this.props.footer,this.props),a=this.props.content?t.ObjectUtils.getJSXElement(this.props.content,this.props):o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:"p-password-meter"},o.default.createElement("div",{className:"p-password-strength ".concat(i),style:{width:r}})),o.default.createElement("div",{className:"p-password-info"},this.state.infoText));return o.default.createElement(t.Portal,{element:o.default.createElement(t.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},o.default.createElement("div",{ref:this.overlayRef,className:e,style:this.props.panelStyle,onClick:this.onPanelClick},s,a,l)),appendTo:this.props.appendTo})}},{key:"render",value:function(){var e=this,i=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),r=t.classNames("p-password-input",this.props.inputClassName),s=this.getInputType(),a=t.ObjectUtils.findDiffKeys(this.props,w.defaultProps),p=this.renderIcon(),u=this.renderPanel();return o.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:i,style:this.props.style},o.default.createElement(n.InputText,l({ref:this.inputRef,id:this.props.inputId},a,{type:s,className:r,style:this.props.inputStyle,onFocus:this.onFocus,onBlur:this.onBlur,onKeyUp:this.onKeyup,onInput:this.onInput})),p,u)}}])&&p(v.prototype,m),k&&p(v,k),w}();v(k,"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=k;
+"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;

package/password/password.d.ts

@@ -18,7 +18,7 @@ type PasswordIconType = React.ReactNode | ((e: PasswordIconParams) => React.Reac
 
 type PasswordAppendToType = 'self' | HTMLElement | undefined | null;
 
-export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onInput'> {
+export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onInput'|'ref'> {
     id?: string;
     inputId?: string;
     inputRef?: React.Ref<HTMLInputElement>;

package/password/password.esm.js

@@ -1,7 +1,11 @@
 import React, { createRef, Component } from 'react';
-import { DomHandler, OverlayService, ZIndexUtils, ConnectedOverlayScrollHandler, tip, ObjectUtils, classNames, CSSTransition, Portal } from 'primereact/core';
+import { DomHandler, ZIndexUtils, ConnectedOverlayScrollHandler, ObjectUtils, classNames } from 'primereact/utils';
+import { tip } from 'primereact/tooltip';
 import { InputText } from 'primereact/inputtext';
+import { CSSTransition } from 'primereact/csstransition';
 import PrimeReact, { localeOption } from 'primereact/api';
+import { OverlayService } from 'primereact/overlayservice';
+import { Portal } from 'primereact/portal';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -94,6 +98,8 @@ function _typeof(obj) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -272,7 +278,7 @@ var Password = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
       this.alignOverlay();
     }
   }, {