primereact 7.0.0-rc.2 → 7.2.0

package/terminal/terminal.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.terminal = (function (exports, React, terminalservice, core) {
+this.primereact.terminal = (function (exports, React, terminalservice, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -60,6 +60,9 @@ this.primereact.terminal = (function (exports, React, terminalservice, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -92,23 +95,20 @@ this.primereact.terminal = (function (exports, React, terminalservice, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _possibleConstructorReturn(self, call) {
@@ -268,7 +268,7 @@ this.primereact.terminal = (function (exports, React, terminalservice, core) {
       key: "renderWelcomeMessage",
       value: function renderWelcomeMessage() {
         if (this.props.welcomeMessage) {
-          return /*#__PURE__*/React__default['default'].createElement("div", null, this.props.welcomeMessage);
+          return /*#__PURE__*/React__default["default"].createElement("div", null, this.props.welcomeMessage);
         }
 
         return null;
@@ -278,13 +278,13 @@ this.primereact.terminal = (function (exports, React, terminalservice, core) {
       value: function renderCommand(command, index) {
         var text = command.text,
             response = command.response;
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           key: "".concat(text).concat(index)
-        }, /*#__PURE__*/React__default['default'].createElement("span", {
+        }, /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-terminal-prompt"
-        }, this.props.prompt, "\xA0"), /*#__PURE__*/React__default['default'].createElement("span", {
+        }, this.props.prompt, "\xA0"), /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-terminal-command"
-        }, text), /*#__PURE__*/React__default['default'].createElement("div", {
+        }, text), /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-terminal-response"
         }, response));
       }
@@ -296,7 +296,7 @@ this.primereact.terminal = (function (exports, React, terminalservice, core) {
         var commands = this.state.commands.map(function (c, i) {
           return _this2.renderCommand(c, i);
         });
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-terminal-content"
         }, commands);
       }
@@ -305,11 +305,11 @@ this.primereact.terminal = (function (exports, React, terminalservice, core) {
       value: function renderPromptContainer() {
         var _this3 = this;
 
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-terminal-prompt-container"
-        }, /*#__PURE__*/React__default['default'].createElement("span", {
+        }, /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-terminal-prompt"
-        }, this.props.prompt, "\xA0"), /*#__PURE__*/React__default['default'].createElement("input", {
+        }, this.props.prompt, "\xA0"), /*#__PURE__*/React__default["default"].createElement("input", {
           ref: function ref(el) {
             return _this3.input = el;
           },
@@ -326,11 +326,11 @@ this.primereact.terminal = (function (exports, React, terminalservice, core) {
       value: function render() {
         var _this4 = this;
 
-        var className = core.classNames('p-terminal p-component', this.props.className);
+        var className = utils.classNames('p-terminal p-component', this.props.className);
         var welcomeMessage = this.renderWelcomeMessage();
         var content = this.renderContent();
         var prompt = this.renderPromptContainer();
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this4.container = el;
           },
@@ -359,4 +359,4 @@ this.primereact.terminal = (function (exports, React, terminalservice, core) {
 
   return exports;
 
-}({}, React, primereact.terminalservice, primereact.core));
+})({}, React, primereact.terminalservice, primereact.utils);

package/terminal/terminal.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.terminal=function(e,t,n,r){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(t);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e){if(Array.isArray(e))return i(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function l(e,t){if(e){if("string"==typeof e)return i(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)?i(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 f(e){return c(e)||s(e)||l(e)||u()}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(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})(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&&y(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 b(e,t){if(t&&("object"===v(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)})(e)}function w(){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,C,S,x=function(e){h(u,e);var t,o,i,c,s,l=(t=u,o=w(),function(){var e,n=g(t);if(o){var r=g(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return b(this,e)});function u(e){var t;return p(this,u),(t=l.call(this,e)).state={commandText:"",commands:[],index:0},t.onClick=t.onClick.bind(d(t)),t.onInputChange=t.onInputChange.bind(d(t)),t.onInputKeyDown=t.onInputKeyDown.bind(d(t)),t.response=t.response.bind(d(t)),t.clear=t.clear.bind(d(t)),t}return i=u,(c=[{key:"onClick",value:function(){this.input.focus()}},{key:"onInputChange",value:function(e){this.setState({commandText:e.target.value})}},{key:"onInputKeyDown",value:function(e){var t=this.state.commands;switch(e.which||e.keyCode){case 38:if(t&&t.length){var r=this.state.index-1<0?t.length-1:this.state.index-1;this.setState({index:r,commandText:t[r].text})}break;case 13:if(this.state.commandText){var o=f(t),a=this.state.commandText;o.push({text:a}),this.setState((function(e){return{index:e.index+1,commandText:"",commands:o}}),(function(){n.TerminalService.emit("command",a)}))}}}},{key:"response",value:function(e){var t=this.state.commands;if(t&&t.length>0){var n=f(t);n[n.length-1].response=e,this.setState({commands:n})}}},{key:"clear",value:function(){this.setState({commands:[],index:0})}},{key:"componentDidMount",value:function(){n.TerminalService.on("response",this.response),n.TerminalService.on("clear",this.clear)}},{key:"componentDidUpdate",value:function(){this.container.scrollTop=this.container.scrollHeight}},{key:"componentWillUnmount",value:function(){n.TerminalService.off("response",this.response),n.TerminalService.off("clear",this.clear)}},{key:"renderWelcomeMessage",value:function(){return this.props.welcomeMessage?a.default.createElement("div",null,this.props.welcomeMessage):null}},{key:"renderCommand",value:function(e,t){var n=e.text,r=e.response;return a.default.createElement("div",{key:"".concat(n).concat(t)},a.default.createElement("span",{className:"p-terminal-prompt"},this.props.prompt," "),a.default.createElement("span",{className:"p-terminal-command"},n),a.default.createElement("div",{className:"p-terminal-response"},r))}},{key:"renderContent",value:function(){var e=this,t=this.state.commands.map((function(t,n){return e.renderCommand(t,n)}));return a.default.createElement("div",{className:"p-terminal-content"},t)}},{key:"renderPromptContainer",value:function(){var e=this;return a.default.createElement("div",{className:"p-terminal-prompt-container"},a.default.createElement("span",{className:"p-terminal-prompt"},this.props.prompt," "),a.default.createElement("input",{ref:function(t){return e.input=t},type:"text",value:this.state.commandText,className:"p-terminal-input",autoComplete:"off",onChange:this.onInputChange,onKeyDown:this.onInputKeyDown}))}},{key:"render",value:function(){var e=this,t=r.classNames("p-terminal p-component",this.props.className),n=this.renderWelcomeMessage(),o=this.renderContent(),i=this.renderPromptContainer();return a.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:t,style:this.props.style,onClick:this.onClick},n,o,i)}}])&&m(i.prototype,c),s&&m(i,s),u}(t.Component);return S={id:null,style:null,className:null,welcomeMessage:null,prompt:null},(C="defaultProps")in(k=x)?Object.defineProperty(k,C,{value:S,enumerable:!0,configurable:!0,writable:!0}):k[C]=S,e.Terminal=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.terminalservice,primereact.core);
+this.primereact=this.primereact||{},this.primereact.terminal=function(e,t,n,r){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(t);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e){if(Array.isArray(e))return i(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function l(e,t){if(e){if("string"==typeof e)return i(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)?i(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 p(e){return c(e)||s(e)||l(e)||u()}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(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 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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&y(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},v(e)}function b(e,t){if(t&&("object"===v(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 w(){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,C,S,x=function(e){h(u,e);var t,o,i,c,s,l=(t=u,o=w(),function(){var e,n=g(t);if(o){var r=g(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return b(this,e)});function u(e){var t;return f(this,u),(t=l.call(this,e)).state={commandText:"",commands:[],index:0},t.onClick=t.onClick.bind(d(t)),t.onInputChange=t.onInputChange.bind(d(t)),t.onInputKeyDown=t.onInputKeyDown.bind(d(t)),t.response=t.response.bind(d(t)),t.clear=t.clear.bind(d(t)),t}return i=u,(c=[{key:"onClick",value:function(){this.input.focus()}},{key:"onInputChange",value:function(e){this.setState({commandText:e.target.value})}},{key:"onInputKeyDown",value:function(e){var t=this.state.commands;switch(e.which||e.keyCode){case 38:if(t&&t.length){var r=this.state.index-1<0?t.length-1:this.state.index-1;this.setState({index:r,commandText:t[r].text})}break;case 13:if(this.state.commandText){var o=p(t),a=this.state.commandText;o.push({text:a}),this.setState((function(e){return{index:e.index+1,commandText:"",commands:o}}),(function(){n.TerminalService.emit("command",a)}))}}}},{key:"response",value:function(e){var t=this.state.commands;if(t&&t.length>0){var n=p(t);n[n.length-1].response=e,this.setState({commands:n})}}},{key:"clear",value:function(){this.setState({commands:[],index:0})}},{key:"componentDidMount",value:function(){n.TerminalService.on("response",this.response),n.TerminalService.on("clear",this.clear)}},{key:"componentDidUpdate",value:function(){this.container.scrollTop=this.container.scrollHeight}},{key:"componentWillUnmount",value:function(){n.TerminalService.off("response",this.response),n.TerminalService.off("clear",this.clear)}},{key:"renderWelcomeMessage",value:function(){return this.props.welcomeMessage?a.default.createElement("div",null,this.props.welcomeMessage):null}},{key:"renderCommand",value:function(e,t){var n=e.text,r=e.response;return a.default.createElement("div",{key:"".concat(n).concat(t)},a.default.createElement("span",{className:"p-terminal-prompt"},this.props.prompt," "),a.default.createElement("span",{className:"p-terminal-command"},n),a.default.createElement("div",{className:"p-terminal-response"},r))}},{key:"renderContent",value:function(){var e=this,t=this.state.commands.map((function(t,n){return e.renderCommand(t,n)}));return a.default.createElement("div",{className:"p-terminal-content"},t)}},{key:"renderPromptContainer",value:function(){var e=this;return a.default.createElement("div",{className:"p-terminal-prompt-container"},a.default.createElement("span",{className:"p-terminal-prompt"},this.props.prompt," "),a.default.createElement("input",{ref:function(t){return e.input=t},type:"text",value:this.state.commandText,className:"p-terminal-input",autoComplete:"off",onChange:this.onInputChange,onKeyDown:this.onInputKeyDown}))}},{key:"render",value:function(){var e=this,t=r.classNames("p-terminal p-component",this.props.className),n=this.renderWelcomeMessage(),o=this.renderContent(),i=this.renderPromptContainer();return a.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:t,style:this.props.style,onClick:this.onClick},n,o,i)}}])&&m(i.prototype,c),s&&m(i,s),Object.defineProperty(i,"prototype",{writable:!1}),u}(t.Component);return S={id:null,style:null,className:null,welcomeMessage:null,prompt:null},(C="defaultProps")in(k=x)?Object.defineProperty(k,C,{value:S,enumerable:!0,configurable:!0,writable:!0}):k[C]=S,e.Terminal=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.terminalservice,primereact.utils);

package/terminalservice/terminalservice.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var core = require('primereact/core');
+var utils = require('primereact/utils');
 
-var TerminalService = core.EventBus();
+var TerminalService = utils.EventBus();
 
 exports.TerminalService = TerminalService;

package/terminalservice/terminalservice.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("primereact/core").EventBus();exports.TerminalService=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("primereact/utils").EventBus();exports.TerminalService=e;

package/terminalservice/terminalservice.esm.js

@@ -1,4 +1,4 @@
-import { EventBus } from 'primereact/core';
+import { EventBus } from 'primereact/utils';
 
 var TerminalService = EventBus();
 

package/terminalservice/terminalservice.esm.min.js

@@ -1 +1 @@
-import{EventBus as r}from"primereact/core";var e=r();export{e as TerminalService};
+import{EventBus as r}from"primereact/utils";var t=r();export{t as TerminalService};

package/terminalservice/terminalservice.js

@@ -1,8 +1,8 @@
 this.primereact = this.primereact || {};
-this.primereact.terminalservice = (function (exports, core) {
+this.primereact.terminalservice = (function (exports, utils) {
 	'use strict';
 
-	var TerminalService = core.EventBus();
+	var TerminalService = utils.EventBus();
 
 	exports.TerminalService = TerminalService;
 
@@ -10,4 +10,4 @@ this.primereact.terminalservice = (function (exports, core) {
 
 	return exports;
 
-}({}, primereact.core));
+})({}, primereact.utils);

package/terminalservice/terminalservice.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.terminalservice=function(e,r){"use strict";var t=primereact.core.EventBus();return e.TerminalService=t,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
+this.primereact=this.primereact||{},this.primereact.terminalservice=function(e,r){"use strict";var t=primereact.utils.EventBus();return e.TerminalService=t,Object.defineProperty(e,"__esModule",{value:!0}),e}({});

package/tieredmenu/tieredmenu.cjs.js

@@ -3,11 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
+var csstransition = require('primereact/csstransition');
+var overlayservice = require('primereact/overlayservice');
+var portal = require('primereact/portal');
+var PrimeReact = require('primereact/api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -28,6 +34,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -60,23 +69,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -176,13 +182,13 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
     value: function position() {
       if (this.element) {
         var parentItem = this.element.parentElement;
-        var containerOffset = core.DomHandler.getOffset(parentItem);
-        var viewport = core.DomHandler.getViewport();
-        var sublistWidth = this.element.offsetParent ? this.element.offsetWidth : core.DomHandler.getHiddenElementOuterWidth(this.element);
-        var itemOuterWidth = core.DomHandler.getOuterWidth(parentItem.children[0]);
+        var containerOffset = utils.DomHandler.getOffset(parentItem);
+        var viewport = utils.DomHandler.getViewport();
+        var sublistWidth = this.element.offsetParent ? this.element.offsetWidth : utils.DomHandler.getHiddenElementOuterWidth(this.element);
+        var itemOuterWidth = utils.DomHandler.getOuterWidth(parentItem.children[0]);
 
-        if (parseInt(containerOffset.left, 10) + itemOuterWidth + sublistWidth > viewport.width - core.DomHandler.calculateScrollbarWidth()) {
-          core.DomHandler.addClass(this.element, 'p-submenu-list-flipped');
+        if (parseInt(containerOffset.left, 10) + itemOuterWidth + sublistWidth > viewport.width - utils.DomHandler.calculateScrollbarWidth()) {
+          utils.DomHandler.addClass(this.element, 'p-submenu-list-flipped');
         }
       }
     }
@@ -305,13 +311,13 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
     key: "findNextItem",
     value: function findNextItem(item) {
       var nextItem = item.nextElementSibling;
-      if (nextItem) return core.DomHandler.hasClass(nextItem, 'p-disabled') || !core.DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;else return null;
+      if (nextItem) return utils.DomHandler.hasClass(nextItem, 'p-disabled') || !utils.DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;else return null;
     }
   }, {
     key: "findPrevItem",
     value: function findPrevItem(item) {
       var prevItem = item.previousElementSibling;
-      if (prevItem) return core.DomHandler.hasClass(prevItem, 'p-disabled') || !core.DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;else return null;
+      if (prevItem) return utils.DomHandler.hasClass(prevItem, 'p-disabled') || !utils.DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;else return null;
     }
   }, {
     key: "onLeafClick",
@@ -327,7 +333,7 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
   }, {
     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",
         role: "separator"
@@ -337,7 +343,7 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
     key: "renderSubmenu",
     value: function renderSubmenu(item) {
       if (item.items) {
-        return /*#__PURE__*/React__default['default'].createElement(TieredMenuSub, {
+        return /*#__PURE__*/React__default["default"].createElement(TieredMenuSub, {
           model: item.items,
           onLeafClick: this.onLeafClick,
           popup: this.props.popup,
@@ -354,25 +360,25 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
       var _this3 = this;
 
       var active = this.state.activeItem === item;
-      var className = core.classNames('p-menuitem', {
+      var className = utils.classNames('p-menuitem', {
         'p-menuitem-active': active
       }, item.className);
-      var linkClassName = core.classNames('p-menuitem-link', {
+      var linkClassName = utils.classNames('p-menuitem-link', {
         'p-disabled': item.disabled
       });
-      var iconClassName = core.classNames('p-menuitem-icon', item.icon);
+      var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
       var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
-      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);
-      var content = /*#__PURE__*/React__default['default'].createElement("a", {
+      var content = /*#__PURE__*/React__default["default"].createElement("a", {
         href: item.url || '#',
         className: linkClassName,
         target: item.target,
@@ -385,7 +391,7 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
           return _this3.onItemKeyDown(event, item);
         },
         "aria-disabled": item.disabled
-      }, icon, label, submenuIcon, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+      }, icon, label, submenuIcon, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
 
       if (item.template) {
         var defaultContentOptions = {
@@ -403,10 +409,10 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
           props: this.props,
           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,
@@ -439,11 +445,11 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this5 = this;
 
-      var className = core.classNames({
+      var className = utils.classNames({
         'p-submenu-list': !this.props.root
       });
       var submenu = this.renderMenu();
-      return /*#__PURE__*/React__default['default'].createElement("ul", {
+      return /*#__PURE__*/React__default["default"].createElement("ul", {
         ref: function ref(el) {
           return _this5.element = el;
         },
@@ -489,7 +495,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
     _this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
     _this.onExited = _this.onExited.bind(_assertThisInitialized(_this));
     _this.onPanelClick = _this.onPanelClick.bind(_assertThisInitialized(_this));
-    _this.menuRef = /*#__PURE__*/React__default['default'].createRef();
+    _this.menuRef = /*#__PURE__*/React__default["default"].createRef();
     return _this;
   }
 
@@ -497,7 +503,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
     key: "onPanelClick",
     value: function onPanelClick(event) {
       if (this.props.popup) {
-        core.OverlayService.emit('overlay-click', {
+        overlayservice.OverlayService.emit('overlay-click', {
           originalEvent: event,
           target: this.target
         });
@@ -543,10 +549,10 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
     key: "onEnter",
     value: function onEnter() {
       if (this.props.autoZIndex) {
-        core.ZIndexUtils.set('menu', this.menuRef.current, this.props.baseZIndex);
+        utils.ZIndexUtils.set('menu', this.menuRef.current, PrimeReact__default["default"].autoZIndex, this.props.baseZIndex || PrimeReact__default["default"].zIndex['menu']);
       }
 
-      core.DomHandler.absolutePosition(this.menuRef.current, this.target);
+      utils.DomHandler.absolutePosition(this.menuRef.current, this.target);
     }
   }, {
     key: "onEntered",
@@ -564,7 +570,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
   }, {
     key: "onExited",
     value: function onExited() {
-      core.ZIndexUtils.clear(this.menuRef.current);
+      utils.ZIndexUtils.clear(this.menuRef.current);
     }
   }, {
     key: "bindDocumentListeners",
@@ -608,7 +614,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
 
       if (!this.documentResizeListener) {
         this.documentResizeListener = function (event) {
-          if (_this5.state.visible && !core.DomHandler.isAndroid()) {
+          if (_this5.state.visible && !utils.DomHandler.isTouchDevice()) {
             _this5.hide(event);
           }
         };
@@ -630,7 +636,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
       var _this6 = this;
 
       if (!this.scrollHandler) {
-        this.scrollHandler = new core.ConnectedOverlayScrollHandler(this.target, function (event) {
+        this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.target, function (event) {
           if (_this6.state.visible) {
             _this6.hide(event);
           }
@@ -656,18 +662,18 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
         this.scrollHandler = null;
       }
 
-      core.ZIndexUtils.clear(this.menuRef.current);
+      utils.ZIndexUtils.clear(this.menuRef.current);
     }
   }, {
     key: "renderElement",
     value: function renderElement() {
-      var className = core.classNames('p-tieredmenu p-component', {
+      var className = utils.classNames('p-tieredmenu p-component', {
         'p-tieredmenu-overlay': this.props.popup
       }, this.props.className);
-      return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+      return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
         nodeRef: this.menuRef,
         classNames: "p-connected-overlay",
-        in: this.state.visible,
+        "in": this.state.visible,
         timeout: {
           enter: 120,
           exit: 100
@@ -678,13 +684,13 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
         onEntered: this.onEntered,
         onExit: this.onExit,
         onExited: this.onExited
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: this.menuRef,
         id: this.props.id,
         className: className,
         style: this.props.style,
         onClick: this.onPanelClick
-      }, /*#__PURE__*/React__default['default'].createElement(TieredMenuSub, {
+      }, /*#__PURE__*/React__default["default"].createElement(TieredMenuSub, {
         model: this.props.model,
         root: true,
         popup: this.props.popup
@@ -694,7 +700,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var element = this.renderElement();
-      return this.props.popup ? /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+      return this.props.popup ? /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
         element: element,
         appendTo: this.props.appendTo
       }) : element;

package/tieredmenu/tieredmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e);function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(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 s(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}function l(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})(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&&u(e,t)}function c(e){return(c="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 p(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return l(e)}function m(e){return(m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(){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 h=function(n){a(d,e.Component);var o,u,c=(o=d,u=f(),function(){var e,t=m(o);if(u){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function d(e){var t;return r(this,d),(t=c.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(l(t)),t.onChildItemKeyDown=t.onChildItemKeyDown.bind(l(t)),t}return s(d,[{key:"componentDidUpdate",value:function(e){e.parentActive&&!this.props.parentActive&&this.setState({activeItem:null}),this.props.parentActive&&!this.props.root&&this.position()}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.element&&!e.element.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentWillUnmount",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"position",value:function(){if(this.element){var e=this.element.parentElement,n=t.DomHandler.getOffset(e),i=t.DomHandler.getViewport(),r=this.element.offsetParent?this.element.offsetWidth:t.DomHandler.getHiddenElementOuterWidth(this.element),o=t.DomHandler.getOuterWidth(e.children[0]);parseInt(n.left,10)+o+r>i.width-t.DomHandler.calculateScrollbarWidth()&&t.DomHandler.addClass(this.element,"p-submenu-list-flipped")}}},{key:"onItemMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.props.root?(this.state.activeItem||this.props.popup)&&this.setState({activeItem:t}):this.setState({activeItem:t})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.props.root&&t.items&&this.setState(this.state.activeItem&&t===this.state.activeItem?{activeItem:null}:{activeItem:t}),t.items||this.onLeafClick())}},{key:"onItemKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var i=this.findNextItem(n);i&&i.children[0].focus(),e.preventDefault();break;case 38:var r=this.findPrevItem(n);r&&r.children[0].focus(),e.preventDefault();break;case 39:t.items&&(this.setState({activeItem:t}),setTimeout((function(){n.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}this.props.onKeyDown&&this.props.onKeyDown(e,n)}},{key:"onChildItemKeyDown",value:function(e,t){37===e.which&&(this.setState({activeItem:null}),t.parentElement.previousElementSibling.focus())}},{key:"findNextItem",value:function(e){var n=e.nextElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||!t.DomHandler.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null}},{key:"findPrevItem",value:function(e){var n=e.previousElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||!t.DomHandler.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null}},{key:"onLeafClick",value:function(){this.setState({activeItem:null}),this.props.onLeafClick&&this.props.onLeafClick()}},{key:"renderSeparator",value:function(e){return i.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenu",value:function(e){return e.items?i.default.createElement(d,{model:e.items,onLeafClick:this.onLeafClick,popup:this.props.popup,onKeyDown:this.onChildItemKeyDown,parentActive:e===this.state.activeItem}):null}},{key:"renderMenuitem",value:function(e,n){var r=this,o=this.state.activeItem===e,s=t.classNames("p-menuitem",{"p-menuitem-active":o},e.className),l=t.classNames("p-menuitem-link",{"p-disabled":e.disabled}),u=t.classNames("p-menuitem-icon",e.icon),a="p-submenu-icon pi pi-angle-right",c=e.icon&&i.default.createElement("span",{className:u}),p=e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label),m=e.items&&i.default.createElement("span",{className:a}),d=this.renderSubmenu(e),f=i.default.createElement("a",{href:e.url||"#",className:l,target:e.target,role:"menuitem","aria-haspopup":null!=e.items,onClick:function(t){return r.onItemClick(t,e)},onKeyDown:function(t){return r.onItemKeyDown(t,e)},"aria-disabled":e.disabled},c,p,m,i.default.createElement(t.Ripple,null));e.template&&(f=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return r.onItemClick(t,e)},onKeyDown:function(t){return r.onItemKeyDown(t,e)},className:l,labelClassName:"p-menuitem-text",iconClassName:u,submenuIconClassName:a,element:f,props:this.props,active:o}));return i.default.createElement("li",{key:e.label+"_"+n,className:s,style:e.style,onMouseEnter:function(t){return r.onItemMouseEnter(t,e)},role:"none"},f,d)}},{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=this,n=t.classNames({"p-submenu-list":!this.props.root}),r=this.renderMenu();return i.default.createElement("ul",{ref:function(t){return e.element=t},className:n,role:this.props.root?"menubar":"menu","aria-orientation":"horizontal"},r)}}]),d}();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}}d(h,"defaultProps",{model:null,root:!1,className:null,popup:!1,onLeafClick:null,onKeyDown:null,parentActive:!1});var y=function(n){a(d,e.Component);var o,u,c=(o=d,u=v(),function(){var e,t=m(o);if(u){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function d(e){var t;return r(this,d),(t=c.call(this,e)).state={visible:!e.popup},t.onEnter=t.onEnter.bind(l(t)),t.onEntered=t.onEntered.bind(l(t)),t.onExit=t.onExit.bind(l(t)),t.onExited=t.onExited.bind(l(t)),t.onPanelClick=t.onPanelClick.bind(l(t)),t.menuRef=i.default.createRef(),t}return s(d,[{key:"onPanelClick",value:function(e){this.props.popup&&t.OverlayService.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"toggle",value:function(e){this.props.popup&&(this.state.visible?this.hide(e):this.show(e))}},{key:"show",value:function(e){var t=this;this.target=e.currentTarget;var n=e;this.setState({visible:!0},(function(){t.props.onShow&&t.props.onShow(n)}))}},{key:"hide",value:function(e){var t=this,n=e;this.setState({visible:!1},(function(){t.props.onHide&&t.props.onHide(n)}))}},{key:"onEnter",value:function(){this.props.autoZIndex&&t.ZIndexUtils.set("menu",this.menuRef.current,this.props.baseZIndex),t.DomHandler.absolutePosition(this.menuRef.current,this.target)}},{key:"onEntered",value:function(){this.bindDocumentListeners(),this.bindScrollListener()}},{key:"onExit",value:function(){this.target=null,this.unbindDocumentListeners(),this.unbindScrollListener()}},{key:"onExited",value:function(){t.ZIndexUtils.clear(this.menuRef.current)}},{key:"bindDocumentListeners",value:function(){this.bindDocumentClickListener(),this.bindDocumentResizeListener()}},{key:"unbindDocumentListeners",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentResizeListener()}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.props.popup&&e.state.visible&&e.menuRef.current&&!e.menuRef.current.contains(t.target)&&e.hide(t)},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindDocumentResizeListener",value:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(n){e.state.visible&&!t.DomHandler.isAndroid()&&e.hide(n)},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentResizeListener",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.target,(function(t){e.state.visible&&e.hide(t)}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentListeners(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),t.ZIndexUtils.clear(this.menuRef.current)}},{key:"renderElement",value:function(){var e=t.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":this.props.popup},this.props.className);return i.default.createElement(t.CSSTransition,{nodeRef:this.menuRef,classNames:"p-connected-overlay",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},i.default.createElement("div",{ref:this.menuRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onPanelClick},i.default.createElement(h,{model:this.props.model,root:!0,popup:this.props.popup})))}},{key:"render",value:function(){var e=this.renderElement();return this.props.popup?i.default.createElement(t.Portal,{element:e,appendTo:this.props.appendTo}):e}}]),d}();d(y,"defaultProps",{id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null}),exports.TieredMenu=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/ripple"),i=require("primereact/csstransition"),r=require("primereact/overlayservice"),o=require("primereact/portal"),s=require("primereact/api");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),a=l(s);function c(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 m(e,t,n){return t&&p(e.prototype,t),n&&p(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(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},v(e)}function y(e,t){if(t&&("object"===v(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(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(){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(i){h(l,e.Component);var r,o,s=(r=l,o=E(),function(){var e,t=b(r);if(o){var n=b(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return y(this,e)});function l(e){var t;return c(this,l),(t=s.call(this,e)).state={activeItem:null},t.onLeafClick=t.onLeafClick.bind(d(t)),t.onChildItemKeyDown=t.onChildItemKeyDown.bind(d(t)),t}return m(l,[{key:"componentDidUpdate",value:function(e){e.parentActive&&!this.props.parentActive&&this.setState({activeItem:null}),this.props.parentActive&&!this.props.root&&this.position()}},{key:"componentDidMount",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.element&&!e.element.contains(t.target)&&e.setState({activeItem:null})},document.addEventListener("click",this.documentClickListener))}},{key:"componentWillUnmount",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"position",value:function(){if(this.element){var e=this.element.parentElement,n=t.DomHandler.getOffset(e),i=t.DomHandler.getViewport(),r=this.element.offsetParent?this.element.offsetWidth:t.DomHandler.getHiddenElementOuterWidth(this.element),o=t.DomHandler.getOuterWidth(e.children[0]);parseInt(n.left,10)+o+r>i.width-t.DomHandler.calculateScrollbarWidth()&&t.DomHandler.addClass(this.element,"p-submenu-list-flipped")}}},{key:"onItemMouseEnter",value:function(e,t){t.disabled?e.preventDefault():this.props.root?(this.state.activeItem||this.props.popup)&&this.setState({activeItem:t}):this.setState({activeItem:t})}},{key:"onItemClick",value:function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.props.root&&t.items&&this.setState(this.state.activeItem&&t===this.state.activeItem?{activeItem:null}:{activeItem:t}),t.items||this.onLeafClick())}},{key:"onItemKeyDown",value:function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var i=this.findNextItem(n);i&&i.children[0].focus(),e.preventDefault();break;case 38:var r=this.findPrevItem(n);r&&r.children[0].focus(),e.preventDefault();break;case 39:t.items&&(this.setState({activeItem:t}),setTimeout((function(){n.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}this.props.onKeyDown&&this.props.onKeyDown(e,n)}},{key:"onChildItemKeyDown",value:function(e,t){37===e.which&&(this.setState({activeItem:null}),t.parentElement.previousElementSibling.focus())}},{key:"findNextItem",value:function(e){var n=e.nextElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||!t.DomHandler.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null}},{key:"findPrevItem",value:function(e){var n=e.previousElementSibling;return n?t.DomHandler.hasClass(n,"p-disabled")||!t.DomHandler.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null}},{key:"onLeafClick",value:function(){this.setState({activeItem:null}),this.props.onLeafClick&&this.props.onLeafClick()}},{key:"renderSeparator",value:function(e){return u.default.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})}},{key:"renderSubmenu",value:function(e){return e.items?u.default.createElement(l,{model:e.items,onLeafClick:this.onLeafClick,popup:this.props.popup,onKeyDown:this.onChildItemKeyDown,parentActive:e===this.state.activeItem}):null}},{key:"renderMenuitem",value:function(e,i){var r=this,o=this.state.activeItem===e,s=t.classNames("p-menuitem",{"p-menuitem-active":o},e.className),l=t.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=t.classNames("p-menuitem-icon",e.icon),c="p-submenu-icon pi pi-angle-right",p=e.icon&&u.default.createElement("span",{className:a}),m=e.label&&u.default.createElement("span",{className:"p-menuitem-text"},e.label),d=e.items&&u.default.createElement("span",{className:c}),f=this.renderSubmenu(e),h=u.default.createElement("a",{href:e.url||"#",className:l,target:e.target,role:"menuitem","aria-haspopup":null!=e.items,onClick:function(t){return r.onItemClick(t,e)},onKeyDown:function(t){return r.onItemKeyDown(t,e)},"aria-disabled":e.disabled},p,m,d,u.default.createElement(n.Ripple,null));e.template&&(h=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return r.onItemClick(t,e)},onKeyDown:function(t){return r.onItemKeyDown(t,e)},className:l,labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:c,element:h,props:this.props,active:o}));return u.default.createElement("li",{key:e.label+"_"+i,className:s,style:e.style,onMouseEnter:function(t){return r.onItemMouseEnter(t,e)},role:"none"},h,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=this,n=t.classNames({"p-submenu-list":!this.props.root}),i=this.renderMenu();return u.default.createElement("ul",{ref:function(t){return e.element=t},className:n,role:this.props.root?"menubar":"menu","aria-orientation":"horizontal"},i)}}]),l}();function L(){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}}k(C,"defaultProps",{model:null,root:!1,className:null,popup:!1,onLeafClick:null,onKeyDown:null,parentActive:!1});var D=function(n){h(f,e.Component);var s,l,p=(s=f,l=L(),function(){var e,t=b(s);if(l){var n=b(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return y(this,e)});function f(e){var t;return c(this,f),(t=p.call(this,e)).state={visible:!e.popup},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.onPanelClick=t.onPanelClick.bind(d(t)),t.menuRef=u.default.createRef(),t}return m(f,[{key:"onPanelClick",value:function(e){this.props.popup&&r.OverlayService.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"toggle",value:function(e){this.props.popup&&(this.state.visible?this.hide(e):this.show(e))}},{key:"show",value:function(e){var t=this;this.target=e.currentTarget;var n=e;this.setState({visible:!0},(function(){t.props.onShow&&t.props.onShow(n)}))}},{key:"hide",value:function(e){var t=this,n=e;this.setState({visible:!1},(function(){t.props.onHide&&t.props.onHide(n)}))}},{key:"onEnter",value:function(){this.props.autoZIndex&&t.ZIndexUtils.set("menu",this.menuRef.current,a.default.autoZIndex,this.props.baseZIndex||a.default.zIndex.menu),t.DomHandler.absolutePosition(this.menuRef.current,this.target)}},{key:"onEntered",value:function(){this.bindDocumentListeners(),this.bindScrollListener()}},{key:"onExit",value:function(){this.target=null,this.unbindDocumentListeners(),this.unbindScrollListener()}},{key:"onExited",value:function(){t.ZIndexUtils.clear(this.menuRef.current)}},{key:"bindDocumentListeners",value:function(){this.bindDocumentClickListener(),this.bindDocumentResizeListener()}},{key:"unbindDocumentListeners",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentResizeListener()}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.props.popup&&e.state.visible&&e.menuRef.current&&!e.menuRef.current.contains(t.target)&&e.hide(t)},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindDocumentResizeListener",value:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(n){e.state.visible&&!t.DomHandler.isTouchDevice()&&e.hide(n)},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentResizeListener",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.target,(function(t){e.state.visible&&e.hide(t)}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentListeners(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),t.ZIndexUtils.clear(this.menuRef.current)}},{key:"renderElement",value:function(){var e=t.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":this.props.popup},this.props.className);return u.default.createElement(i.CSSTransition,{nodeRef:this.menuRef,classNames:"p-connected-overlay",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},u.default.createElement("div",{ref:this.menuRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onPanelClick},u.default.createElement(C,{model:this.props.model,root:!0,popup:this.props.popup})))}},{key:"render",value:function(){var e=this.renderElement();return this.props.popup?u.default.createElement(o.Portal,{element:e,appendTo:this.props.appendTo}):e}}]),f}();k(D,"defaultProps",{id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null}),exports.TieredMenu=D;

package/tieredmenu/tieredmenu.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
+import { CSSTransitionProps } from '../csstransition';
 
 type TieredMenuAppendToType = 'self' | HTMLElement | undefined | null;
 
@@ -12,7 +13,7 @@ export interface TieredMenuProps {
     autoZIndex?: boolean;
     baseZIndex?: number;
     appendTo?: TieredMenuAppendToType;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
     onShow?(e: React.SyntheticEvent): void;
     onHide?(e: React.SyntheticEvent): void;
 }