primereact 7.0.0-rc.1 → 7.1.0

package/organizationchart/organizationchart.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.organizationchart = (function (exports, React, core) {
+this.primereact.organizationchart = (function (exports, React, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -201,82 +201,82 @@ this.primereact.organizationchart = (function (exports, React, core) {
 
         this.node = this.props.node;
         var colspan = this.getColspan();
-        var nodeClassName = core.classNames('p-organizationchart-node-content', this.node.className, {
+        var nodeClassName = utils.classNames('p-organizationchart-node-content', this.node.className, {
           'p-organizationchart-selectable-node': this.props.selectionMode && this.node.selectable !== false,
           'p-highlight': this.isSelected()
         }),
-            nodeLabel = this.props.nodeTemplate && this.props.nodeTemplate(this.node) ? /*#__PURE__*/React__default['default'].createElement("div", null, this.props.nodeTemplate(this.node)) : /*#__PURE__*/React__default['default'].createElement("div", null, this.node.label),
-            toggleIcon = core.classNames('p-node-toggler-icon', {
+            nodeLabel = this.props.nodeTemplate && this.props.nodeTemplate(this.node) ? /*#__PURE__*/React__default["default"].createElement("div", null, this.props.nodeTemplate(this.node)) : /*#__PURE__*/React__default["default"].createElement("div", null, this.node.label),
+            toggleIcon = utils.classNames('p-node-toggler-icon', {
           'pi pi-chevron-down': this.state.expanded,
           'pi pi-chevron-up': !this.state.expanded
         }),
-            nodeContent = /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
+            nodeContent = /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", {
           colSpan: colspan
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: nodeClassName,
           onClick: function onClick(e) {
             return _this2.onNodeClick(e, _this2.node);
           }
         }, nodeLabel,
         /* eslint-disable */
-        !this.getLeaf() && /*#__PURE__*/React__default['default'].createElement("a", {
+        !this.getLeaf() && /*#__PURE__*/React__default["default"].createElement("a", {
           href: "#",
           className: "p-node-toggler",
           onClick: function onClick(e) {
             return _this2.toggleNode(e, _this2.node);
           }
-        }, /*#__PURE__*/React__default['default'].createElement("i", {
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
           className: toggleIcon
         }))
         /* eslint-enable */
         )));
 
         var _visibility = !this.getLeaf() && this.state.expanded ? 'inherit' : 'hidden',
-            linesDown = /*#__PURE__*/React__default['default'].createElement("tr", {
+            linesDown = /*#__PURE__*/React__default["default"].createElement("tr", {
           style: {
             visibility: _visibility
           },
           className: "p-organizationchart-lines"
-        }, /*#__PURE__*/React__default['default'].createElement("td", {
+        }, /*#__PURE__*/React__default["default"].createElement("td", {
           colSpan: colspan
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-organizationchart-line-down"
         }))),
             nodeChildLength = this.node.children && this.node.children.length,
-            linesMiddle = /*#__PURE__*/React__default['default'].createElement("tr", {
+            linesMiddle = /*#__PURE__*/React__default["default"].createElement("tr", {
           style: {
             visibility: _visibility
           },
           className: "p-organizationchart-lines"
-        }, this.node.children && this.node.children.length === 1 && /*#__PURE__*/React__default['default'].createElement("td", {
+        }, this.node.children && this.node.children.length === 1 && /*#__PURE__*/React__default["default"].createElement("td", {
           colSpan: this.getColspan()
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-organizationchart-line-down"
         })), this.node.children && this.node.children.length > 1 && this.node.children.map(function (item, index) {
-          var leftClass = core.classNames('p-organizationchart-line-left', {
+          var leftClass = utils.classNames('p-organizationchart-line-left', {
             'p-organizationchart-line-top': index !== 0
           }),
-              rightClass = core.classNames('p-organizationchart-line-right', {
+              rightClass = utils.classNames('p-organizationchart-line-right', {
             'p-organizationchart-line-top': index !== nodeChildLength - 1
           });
-          return [/*#__PURE__*/React__default['default'].createElement("td", {
+          return [/*#__PURE__*/React__default["default"].createElement("td", {
             key: index + '_lineleft',
             className: leftClass
-          }, "\xA0"), /*#__PURE__*/React__default['default'].createElement("td", {
+          }, "\xA0"), /*#__PURE__*/React__default["default"].createElement("td", {
             key: index + '_lineright',
             className: rightClass
           }, "\xA0")];
         })),
-            childNodes = /*#__PURE__*/React__default['default'].createElement("tr", {
+            childNodes = /*#__PURE__*/React__default["default"].createElement("tr", {
           style: {
             visibility: _visibility
           },
           className: "p-organizationchart-nodes"
         }, this.node.children && this.node.children.map(function (child, index) {
-          return /*#__PURE__*/React__default['default'].createElement("td", {
+          return /*#__PURE__*/React__default["default"].createElement("td", {
             key: index,
             colSpan: "2"
-          }, /*#__PURE__*/React__default['default'].createElement(OrganizationChartNode, {
+          }, /*#__PURE__*/React__default["default"].createElement(OrganizationChartNode, {
             node: child,
             nodeTemplate: _this2.props.nodeTemplate,
             selectionMode: _this2.props.selectionMode,
@@ -285,9 +285,9 @@ this.primereact.organizationchart = (function (exports, React, core) {
           }));
         }));
 
-        return /*#__PURE__*/React__default['default'].createElement("table", {
+        return /*#__PURE__*/React__default["default"].createElement("table", {
           className: "p-organizationchart-table"
-        }, /*#__PURE__*/React__default['default'].createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
+        }, /*#__PURE__*/React__default["default"].createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
       }
     }]);
 
@@ -421,12 +421,12 @@ this.primereact.organizationchart = (function (exports, React, core) {
       key: "render",
       value: function render() {
         this.root = this.props.value && this.props.value.length ? this.props.value[0] : null;
-        var className = core.classNames('p-organizationchart p-component', this.props.className);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var className = utils.classNames('p-organizationchart p-component', this.props.className);
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           id: this.props.id,
           style: this.props.style,
           className: className
-        }, /*#__PURE__*/React__default['default'].createElement(OrganizationChartNode, {
+        }, /*#__PURE__*/React__default["default"].createElement(OrganizationChartNode, {
           node: this.root,
           nodeTemplate: this.props.nodeTemplate,
           selectionMode: this.props.selectionMode,
@@ -459,4 +459,4 @@ this.primereact.organizationchart = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils);

package/organizationchart/organizationchart.min.css

@@ -1 +1 @@
-.p-organizationchart-table{border-spacing:0;border-collapse:separate;margin:0 auto}.p-organizationchart-table>tbody>tr>td{text-align:center;vertical-align:top;padding:0 .75rem}.p-organizationchart-node-content{display:inline-block;position:relative}.p-organizationchart-node-content .p-node-toggler{position:absolute;bottom:-.75rem;margin-left:-.75rem;z-index:2;left:50%;user-select:none;cursor:pointer;width:1.5rem;height:1.5rem}.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon{position:relative;top:.25rem}.p-organizationchart-line-down{margin:0 auto;height:20px;width:1px}.p-organizationchart-line-right{border-radius:0}.p-organizationchart-line-left{border-radius:0}.p-organizationchart-selectable-node{cursor:pointer}
+.p-organizationchart-table{border-spacing:0;border-collapse:separate;margin:0 auto}.p-organizationchart-table>tbody>tr>td{text-align:center;vertical-align:top;padding:0 .75rem}.p-organizationchart-node-content{display:inline-block;position:relative}.p-organizationchart-node-content .p-node-toggler{position:absolute;bottom:-.75rem;margin-left:-.75rem;z-index:2;left:50%;user-select:none;cursor:pointer;width:1.5rem;height:1.5rem;text-decoration:none}.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon{position:relative;top:.25rem}.p-organizationchart-line-down{margin:0 auto;height:20px;width:1px}.p-organizationchart-line-right{border-radius:0}.p-organizationchart-line-left{border-radius:0}.p-organizationchart-selectable-node{cursor:pointer}

package/organizationchart/organizationchart.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.organizationchart=function(e,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function l(e){if(Array.isArray(e))return i(e)}function a(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(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 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 d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function h(e,t,n){return t&&p(e.prototype,t),n&&p(e,n),e}function f(e,t){return(f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&f(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})(e)}function g(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){var t=S();return function(){var n,o=v(e);if(t){var r=v(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return g(this,n)}}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var E=function(e){m(o,e);var t=N(o);function o(e){var n;return u(this,o),(n=t.call(this,e)).node=n.props.node,n.state={expanded:n.node.expanded},n}return h(o,[{key:"getLeaf",value:function(){return!1!==this.node.leaf&&!(this.node.children&&this.node.children.length)}},{key:"getColspan",value:function(){return this.node.children&&this.node.children.length?2*this.node.children.length:null}},{key:"onNodeClick",value:function(e,t){this.props.onNodeClick(e,t)}},{key:"toggleNode",value:function(e,t){this.setState((function(e){return{expanded:!e.expanded}})),e.preventDefault()}},{key:"isSelected",value:function(){return this.props.isSelected(this.node)}},{key:"render",value:function(){var e=this;this.node=this.props.node;var t=this.getColspan(),i=n.classNames("p-organizationchart-node-content",this.node.className,{"p-organizationchart-selectable-node":this.props.selectionMode&&!1!==this.node.selectable,"p-highlight":this.isSelected()}),l=this.props.nodeTemplate&&this.props.nodeTemplate(this.node)?r.default.createElement("div",null,this.props.nodeTemplate(this.node)):r.default.createElement("div",null,this.node.label),a=n.classNames("p-node-toggler-icon",{"pi pi-chevron-down":this.state.expanded,"pi pi-chevron-up":!this.state.expanded}),s=r.default.createElement("tr",null,r.default.createElement("td",{colSpan:t},r.default.createElement("div",{className:i,onClick:function(t){return e.onNodeClick(t,e.node)}},l,!this.getLeaf()&&r.default.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(t){return e.toggleNode(t,e.node)}},r.default.createElement("i",{className:a}))))),c=!this.getLeaf()&&this.state.expanded?"inherit":"hidden",d=r.default.createElement("tr",{style:{visibility:c},className:"p-organizationchart-lines"},r.default.createElement("td",{colSpan:t},r.default.createElement("div",{className:"p-organizationchart-line-down"}))),u=this.node.children&&this.node.children.length,p=r.default.createElement("tr",{style:{visibility:c},className:"p-organizationchart-lines"},this.node.children&&1===this.node.children.length&&r.default.createElement("td",{colSpan:this.getColspan()},r.default.createElement("div",{className:"p-organizationchart-line-down"})),this.node.children&&this.node.children.length>1&&this.node.children.map((function(e,t){var o=n.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==t}),i=n.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":t!==u-1});return[r.default.createElement("td",{key:t+"_lineleft",className:o}," "),r.default.createElement("td",{key:t+"_lineright",className:i}," ")]}))),h=r.default.createElement("tr",{style:{visibility:c},className:"p-organizationchart-nodes"},this.node.children&&this.node.children.map((function(t,n){return r.default.createElement("td",{key:n,colSpan:"2"},r.default.createElement(o,{node:t,nodeTemplate:e.props.nodeTemplate,selectionMode:e.props.selectionMode,onNodeClick:e.props.onNodeClick,isSelected:e.props.isSelected}))})));return r.default.createElement("table",{className:"p-organizationchart-table"},r.default.createElement("tbody",null,s,d,p,h))}}]),o}(t.Component);b(E,"defaultProps",{node:null,nodeTemplate:null,root:!1,first:!1,last:!1,selectionMode:null,onNodeClick:null,isSelected:null});var k=function(e){m(o,e);var t=N(o);function o(e){var n;return u(this,o),(n=t.call(this,e)).root=n.props.value&&n.props.value.length?n.props.value[0]:null,n.onNodeClick=n.onNodeClick.bind(d(n)),n.isSelected=n.isSelected.bind(d(n)),n}return h(o,[{key:"onNodeClick",value:function(e,t){if(this.props.selectionMode){var n=e.target;if(n.className&&(-1!==n.className.indexOf("p-node-toggler")||-1!==n.className.indexOf("p-node-toggler-icon")))return;if(!1===t.selectable)return;var o,r=this.findIndexInSelection(t),i=r>=0;"single"===this.props.selectionMode?i?(o=null,this.props.onNodeUnselect&&this.props.onNodeUnselect({originalEvent:e,node:t})):(o=t,this.props.onNodeSelect&&this.props.onNodeSelect({originalEvent:e,node:t})):"multiple"===this.props.selectionMode&&(i?(o=this.props.selection.filter((function(e,t){return t!==r})),this.props.onNodeUnselect&&this.props.onNodeUnselect({originalEvent:e,node:t})):(o=[].concat(l(d=this.props.selection||[])||a(d)||s(d)||c(),[t]),this.props.onNodeSelect&&this.props.onNodeSelect({originalEvent:e,node:t}))),this.props.onSelectionChange&&this.props.onSelectionChange({originalEvent:e,data:o})}var d}},{key:"findIndexInSelection",value:function(e){var t=-1;if(this.props.selectionMode&&this.props.selection)if("single"===this.props.selectionMode)t=this.props.selection===e?0:-1;else if("multiple"===this.props.selectionMode)for(var n=0;n<this.props.selection.length;n++)if(this.props.selection[n]===e){t=n;break}return t}},{key:"isSelected",value:function(e){return-1!==this.findIndexInSelection(e)}},{key:"render",value:function(){this.root=this.props.value&&this.props.value.length?this.props.value[0]:null;var e=n.classNames("p-organizationchart p-component",this.props.className);return r.default.createElement("div",{id:this.props.id,style:this.props.style,className:e},r.default.createElement(E,{node:this.root,nodeTemplate:this.props.nodeTemplate,selectionMode:this.props.selectionMode,onNodeClick:this.onNodeClick,isSelected:this.isSelected}))}}]),o}(t.Component);return b(k,"defaultProps",{id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null}),e.OrganizationChart=k,e.OrganizationChartNode=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.organizationchart=function(e,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function l(e){if(Array.isArray(e))return i(e)}function a(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(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 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 d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function h(e,t,n){return t&&p(e.prototype,t),n&&p(e,n),e}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(e,t)}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&f(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 g(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){var t=S();return function(){var n,o=v(e);if(t){var r=v(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return g(this,n)}}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var E=function(e){m(o,e);var t=N(o);function o(e){var n;return u(this,o),(n=t.call(this,e)).node=n.props.node,n.state={expanded:n.node.expanded},n}return h(o,[{key:"getLeaf",value:function(){return!1!==this.node.leaf&&!(this.node.children&&this.node.children.length)}},{key:"getColspan",value:function(){return this.node.children&&this.node.children.length?2*this.node.children.length:null}},{key:"onNodeClick",value:function(e,t){this.props.onNodeClick(e,t)}},{key:"toggleNode",value:function(e,t){this.setState((function(e){return{expanded:!e.expanded}})),e.preventDefault()}},{key:"isSelected",value:function(){return this.props.isSelected(this.node)}},{key:"render",value:function(){var e=this;this.node=this.props.node;var t=this.getColspan(),i=n.classNames("p-organizationchart-node-content",this.node.className,{"p-organizationchart-selectable-node":this.props.selectionMode&&!1!==this.node.selectable,"p-highlight":this.isSelected()}),l=this.props.nodeTemplate&&this.props.nodeTemplate(this.node)?r.default.createElement("div",null,this.props.nodeTemplate(this.node)):r.default.createElement("div",null,this.node.label),a=n.classNames("p-node-toggler-icon",{"pi pi-chevron-down":this.state.expanded,"pi pi-chevron-up":!this.state.expanded}),s=r.default.createElement("tr",null,r.default.createElement("td",{colSpan:t},r.default.createElement("div",{className:i,onClick:function(t){return e.onNodeClick(t,e.node)}},l,!this.getLeaf()&&r.default.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(t){return e.toggleNode(t,e.node)}},r.default.createElement("i",{className:a}))))),c=!this.getLeaf()&&this.state.expanded?"inherit":"hidden",d=r.default.createElement("tr",{style:{visibility:c},className:"p-organizationchart-lines"},r.default.createElement("td",{colSpan:t},r.default.createElement("div",{className:"p-organizationchart-line-down"}))),u=this.node.children&&this.node.children.length,p=r.default.createElement("tr",{style:{visibility:c},className:"p-organizationchart-lines"},this.node.children&&1===this.node.children.length&&r.default.createElement("td",{colSpan:this.getColspan()},r.default.createElement("div",{className:"p-organizationchart-line-down"})),this.node.children&&this.node.children.length>1&&this.node.children.map((function(e,t){var o=n.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==t}),i=n.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":t!==u-1});return[r.default.createElement("td",{key:t+"_lineleft",className:o}," "),r.default.createElement("td",{key:t+"_lineright",className:i}," ")]}))),h=r.default.createElement("tr",{style:{visibility:c},className:"p-organizationchart-nodes"},this.node.children&&this.node.children.map((function(t,n){return r.default.createElement("td",{key:n,colSpan:"2"},r.default.createElement(o,{node:t,nodeTemplate:e.props.nodeTemplate,selectionMode:e.props.selectionMode,onNodeClick:e.props.onNodeClick,isSelected:e.props.isSelected}))})));return r.default.createElement("table",{className:"p-organizationchart-table"},r.default.createElement("tbody",null,s,d,p,h))}}]),o}(t.Component);b(E,"defaultProps",{node:null,nodeTemplate:null,root:!1,first:!1,last:!1,selectionMode:null,onNodeClick:null,isSelected:null});var k=function(e){m(o,e);var t=N(o);function o(e){var n;return u(this,o),(n=t.call(this,e)).root=n.props.value&&n.props.value.length?n.props.value[0]:null,n.onNodeClick=n.onNodeClick.bind(d(n)),n.isSelected=n.isSelected.bind(d(n)),n}return h(o,[{key:"onNodeClick",value:function(e,t){if(this.props.selectionMode){var n=e.target;if(n.className&&(-1!==n.className.indexOf("p-node-toggler")||-1!==n.className.indexOf("p-node-toggler-icon")))return;if(!1===t.selectable)return;var o,r=this.findIndexInSelection(t),i=r>=0;"single"===this.props.selectionMode?i?(o=null,this.props.onNodeUnselect&&this.props.onNodeUnselect({originalEvent:e,node:t})):(o=t,this.props.onNodeSelect&&this.props.onNodeSelect({originalEvent:e,node:t})):"multiple"===this.props.selectionMode&&(i?(o=this.props.selection.filter((function(e,t){return t!==r})),this.props.onNodeUnselect&&this.props.onNodeUnselect({originalEvent:e,node:t})):(o=[].concat(l(d=this.props.selection||[])||a(d)||s(d)||c(),[t]),this.props.onNodeSelect&&this.props.onNodeSelect({originalEvent:e,node:t}))),this.props.onSelectionChange&&this.props.onSelectionChange({originalEvent:e,data:o})}var d}},{key:"findIndexInSelection",value:function(e){var t=-1;if(this.props.selectionMode&&this.props.selection)if("single"===this.props.selectionMode)t=this.props.selection===e?0:-1;else if("multiple"===this.props.selectionMode)for(var n=0;n<this.props.selection.length;n++)if(this.props.selection[n]===e){t=n;break}return t}},{key:"isSelected",value:function(e){return-1!==this.findIndexInSelection(e)}},{key:"render",value:function(){this.root=this.props.value&&this.props.value.length?this.props.value[0]:null;var e=n.classNames("p-organizationchart p-component",this.props.className);return r.default.createElement("div",{id:this.props.id,style:this.props.style,className:e},r.default.createElement(E,{node:this.root,nodeTemplate:this.props.nodeTemplate,selectionMode:this.props.selectionMode,onNodeClick:this.onNodeClick,isSelected:this.isSelected}))}}]),o}(t.Component);return b(k,"defaultProps",{id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null}),e.OrganizationChart=k,e.OrganizationChartNode=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/overlaypanel/overlaypanel.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 csstransition = require('primereact/csstransition');
+var ripple = require('primereact/ripple');
+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)) {
@@ -134,8 +140,9 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
     _this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));
     _this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
     _this.onExited = _this.onExited.bind(_assertThisInitialized(_this));
-    _this.attributeSelector = core.UniqueComponentId();
-    _this.overlayRef = /*#__PURE__*/React__default['default'].createRef();
+    _this.onContentClick = _this.onContentClick.bind(_assertThisInitialized(_this));
+    _this.attributeSelector = utils.UniqueComponentId();
+    _this.overlayRef = /*#__PURE__*/React__default["default"].createRef();
     return _this;
   }
 
@@ -170,7 +177,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
       var _this3 = this;
 
       if (!this.scrollHandler) {
-        this.scrollHandler = new core.ConnectedOverlayScrollHandler(this.target, function () {
+        this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.target, function () {
           if (_this3.state.visible) {
             _this3.hide();
           }
@@ -193,7 +200,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.visible && !core.DomHandler.isAndroid()) {
+          if (_this4.state.visible && !utils.DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
@@ -229,7 +236,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
     key: "onPanelClick",
     value: function onPanelClick(event) {
       this.isPanelClicked = true;
-      core.OverlayService.emit('overlay-click', {
+      overlayservice.OverlayService.emit('overlay-click', {
         originalEvent: event,
         target: this.target
       });
@@ -276,7 +283,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
             }
           };
 
-          core.OverlayService.on('overlay-click', _this6.overlayEventListener);
+          overlayservice.OverlayService.on('overlay-click', _this6.overlayEventListener);
         });
       }
     }
@@ -288,14 +295,14 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
       this.setState({
         visible: false
       }, function () {
-        core.OverlayService.off('overlay-click', _this7.overlayEventListener);
+        overlayservice.OverlayService.off('overlay-click', _this7.overlayEventListener);
         _this7.overlayEventListener = null;
       });
     }
   }, {
     key: "onEnter",
     value: function onEnter() {
-      core.ZIndexUtils.set('overlay', this.overlayRef.current);
+      utils.ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
       this.overlayRef.current.setAttribute(this.attributeSelector, '');
       this.align();
     }
@@ -317,16 +324,16 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
   }, {
     key: "onExited",
     value: function onExited() {
-      core.ZIndexUtils.clear(this.overlayRef.current);
+      utils.ZIndexUtils.clear(this.overlayRef.current);
       this.props.onHide && this.props.onHide();
     }
   }, {
     key: "align",
     value: function align() {
       if (this.target) {
-        core.DomHandler.absolutePosition(this.overlayRef.current, this.target);
-        var containerOffset = core.DomHandler.getOffset(this.overlayRef.current);
-        var targetOffset = core.DomHandler.getOffset(this.target);
+        utils.DomHandler.absolutePosition(this.overlayRef.current, this.target);
+        var containerOffset = utils.DomHandler.getOffset(this.overlayRef.current);
+        var targetOffset = utils.DomHandler.getOffset(this.target);
         var arrowLeft = 0;
 
         if (containerOffset.left < targetOffset.left) {
@@ -336,7 +343,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
         this.overlayRef.current.style.setProperty('--overlayArrowLeft', "".concat(arrowLeft, "px"));
 
         if (containerOffset.top < targetOffset.top) {
-          core.DomHandler.addClass(this.overlayRef.current, 'p-overlaypanel-flipped');
+          utils.DomHandler.addClass(this.overlayRef.current, 'p-overlaypanel-flipped');
         }
       }
     }
@@ -344,8 +351,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
     key: "createStyle",
     value: function createStyle() {
       if (!this.styleElement) {
-        this.styleElement = document.createElement('style');
-        document.head.appendChild(this.styleElement);
+        this.styleElement = utils.DomHandler.createInlineStyle();
         var innerHTML = '';
 
         for (var breakpoint in this.props.breakpoints) {
@@ -373,30 +379,27 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
         this.scrollHandler = null;
       }
 
-      if (this.styleElement) {
-        document.head.removeChild(this.styleElement);
-        this.styleElement = null;
-      }
+      this.styleElement = utils.DomHandler.removeInlineStyle(this.styleElement);
 
       if (this.overlayEventListener) {
-        core.OverlayService.off('overlay-click', this.overlayEventListener);
+        overlayservice.OverlayService.off('overlay-click', this.overlayEventListener);
         this.overlayEventListener = null;
       }
 
-      core.ZIndexUtils.clear(this.overlayRef.current);
+      utils.ZIndexUtils.clear(this.overlayRef.current);
     }
   }, {
     key: "renderCloseIcon",
     value: function renderCloseIcon() {
       if (this.props.showCloseIcon) {
-        return /*#__PURE__*/React__default['default'].createElement("button", {
+        return /*#__PURE__*/React__default["default"].createElement("button", {
           type: "button",
           className: "p-overlaypanel-close p-link",
           onClick: this.onCloseClick,
           "aria-label": this.props.ariaCloseLabel
-        }, /*#__PURE__*/React__default['default'].createElement("span", {
+        }, /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-overlaypanel-close-icon pi pi-times"
-        }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
       }
 
       return null;
@@ -404,9 +407,9 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderElement",
     value: function renderElement() {
-      var className = core.classNames('p-overlaypanel p-component', this.props.className);
+      var className = utils.classNames('p-overlaypanel p-component', this.props.className);
       var closeIcon = this.renderCloseIcon();
-      return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+      return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
         nodeRef: this.overlayRef,
         classNames: "p-overlaypanel",
         in: this.state.visible,
@@ -420,13 +423,13 @@ var OverlayPanel = /*#__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.overlayRef,
         id: this.props.id,
         className: className,
         style: this.props.style,
         onClick: this.onPanelClick
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-overlaypanel-content",
         onClick: this.onContentClick,
         onMouseDown: this.onContentClick
@@ -436,7 +439,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var element = this.renderElement();
-      return /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+      return /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
         element: element,
         appendTo: this.props.appendTo
       });

package/overlaypanel/overlaypanel.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 l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return(s=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&&s(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 u(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 h(e){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var f,v,p,y=function(n){a(m,e.Component);var s,c,f,v,p,y=(s=m,c=d(),function(){var e,t=h(s);if(c){var n=h(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return u(this,e)});function m(e){var n;return r(this,m),(n=y.call(this,e)).state={visible:!1},n.onCloseClick=n.onCloseClick.bind(l(n)),n.onPanelClick=n.onPanelClick.bind(l(n)),n.onEnter=n.onEnter.bind(l(n)),n.onEntered=n.onEntered.bind(l(n)),n.onExit=n.onExit.bind(l(n)),n.onExited=n.onExited.bind(l(n)),n.attributeSelector=t.UniqueComponentId(),n.overlayRef=i.default.createRef(),n}return f=m,(v=[{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.target,(function(){e.state.visible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.visible&&!t.DomHandler.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"hasTargetChanged",value:function(e,t){return null!=this.target&&this.target!==(t||e.currentTarget||e.target)}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,t.OverlayService.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"onContentClick",value:function(){this.isPanelClicked=!0}},{key:"toggle",value:function(e,t){var n=this;this.state.visible?(this.hide(),this.hasTargetChanged(e,t)&&(this.target=t||e.currentTarget||e.target,setTimeout((function(){n.show(e,n.target)}),200))):this.show(e,t)}},{key:"show",value:function(e,n){var i=this;this.target=n||e.currentTarget||e.target,this.state.visible?this.align():this.setState({visible:!0},(function(){i.overlayEventListener=function(e){i.isOutsideClicked(e.target)||(i.isPanelClicked=!0)},t.OverlayService.on("overlay-click",i.overlayEventListener)}))}},{key:"hide",value:function(){var e=this;this.setState({visible:!1},(function(){t.OverlayService.off("overlay-click",e.overlayEventListener),e.overlayEventListener=null}))}},{key:"onEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current),this.overlayRef.current.setAttribute(this.attributeSelector,""),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"align",value:function(){if(this.target){t.DomHandler.absolutePosition(this.overlayRef.current,this.target);var e=t.DomHandler.getOffset(this.overlayRef.current),n=t.DomHandler.getOffset(this.target),i=0;e.left<n.left&&(i=n.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(i,"px")),e.top<n.top&&t.DomHandler.addClass(this.overlayRef.current,"p-overlaypanel-flipped")}}},{key:"createStyle",value:function(){if(!this.styleElement){this.styleElement=document.createElement("style"),document.head.appendChild(this.styleElement);var e="";for(var t in this.props.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(this.attributeSelector,"] {\n                            width: ").concat(this.props.breakpoints[t]," !important;\n                        }\n                    }\n                ");this.styleElement.innerHTML=e}}},{key:"componentDidMount",value:function(){this.props.breakpoints&&this.createStyle()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null),this.overlayEventListener&&(t.OverlayService.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderCloseIcon",value:function(){return this.props.showCloseIcon?i.default.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:this.onCloseClick,"aria-label":this.props.ariaCloseLabel},i.default.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),i.default.createElement(t.Ripple,null)):null}},{key:"renderElement",value:function(){var e=t.classNames("p-overlaypanel p-component",this.props.className),n=this.renderCloseIcon();return i.default.createElement(t.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-overlaypanel",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},i.default.createElement("div",{ref:this.overlayRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onPanelClick},i.default.createElement("div",{className:"p-overlaypanel-content",onClick:this.onContentClick,onMouseDown:this.onContentClick},this.props.children),n))}},{key:"render",value:function(){var e=this.renderElement();return i.default.createElement(t.Portal,{element:e,appendTo:this.props.appendTo})}}])&&o(f.prototype,v),p&&o(f,p),m}();p={id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},(v="defaultProps")in(f=y)?Object.defineProperty(f,v,{value:p,enumerable:!0,configurable:!0,writable:!0}):f[v]=p,exports.OverlayPanel=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/csstransition"),i=require("primereact/ripple"),r=require("primereact/overlayservice"),o=require("primereact/portal"),l=require("primereact/api");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(e),c=s(l);function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e,t){return h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},h(e,t)}function p(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 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 m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k,C,E,L=function(l){p(L,e.Component);var s,h,v,k,C,E=(s=L,h=b(),function(){var e,t=m(s);if(h){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return y(this,e)});function L(e){var n;return u(this,L),(n=E.call(this,e)).state={visible:!1},n.onCloseClick=n.onCloseClick.bind(d(n)),n.onPanelClick=n.onPanelClick.bind(d(n)),n.onEnter=n.onEnter.bind(d(n)),n.onEntered=n.onEntered.bind(d(n)),n.onExit=n.onExit.bind(d(n)),n.onExited=n.onExited.bind(d(n)),n.onContentClick=n.onContentClick.bind(d(n)),n.attributeSelector=t.UniqueComponentId(),n.overlayRef=a.default.createRef(),n}return v=L,(k=[{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.target,(function(){e.state.visible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.visible&&!t.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"hasTargetChanged",value:function(e,t){return null!=this.target&&this.target!==(t||e.currentTarget||e.target)}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,r.OverlayService.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"onContentClick",value:function(){this.isPanelClicked=!0}},{key:"toggle",value:function(e,t){var n=this;this.state.visible?(this.hide(),this.hasTargetChanged(e,t)&&(this.target=t||e.currentTarget||e.target,setTimeout((function(){n.show(e,n.target)}),200))):this.show(e,t)}},{key:"show",value:function(e,t){var n=this;this.target=t||e.currentTarget||e.target,this.state.visible?this.align():this.setState({visible:!0},(function(){n.overlayEventListener=function(e){n.isOutsideClicked(e.target)||(n.isPanelClicked=!0)},r.OverlayService.on("overlay-click",n.overlayEventListener)}))}},{key:"hide",value:function(){var e=this;this.setState({visible:!1},(function(){r.OverlayService.off("overlay-click",e.overlayEventListener),e.overlayEventListener=null}))}},{key:"onEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current,c.default.autoZIndex,c.default.zIndex.overlay),this.overlayRef.current.setAttribute(this.attributeSelector,""),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"align",value:function(){if(this.target){t.DomHandler.absolutePosition(this.overlayRef.current,this.target);var e=t.DomHandler.getOffset(this.overlayRef.current),n=t.DomHandler.getOffset(this.target),i=0;e.left<n.left&&(i=n.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(i,"px")),e.top<n.top&&t.DomHandler.addClass(this.overlayRef.current,"p-overlaypanel-flipped")}}},{key:"createStyle",value:function(){if(!this.styleElement){this.styleElement=t.DomHandler.createInlineStyle();var e="";for(var n in this.props.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(this.attributeSelector,"] {\n                            width: ").concat(this.props.breakpoints[n]," !important;\n                        }\n                    }\n                ");this.styleElement.innerHTML=e}}},{key:"componentDidMount",value:function(){this.props.breakpoints&&this.createStyle()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.styleElement=t.DomHandler.removeInlineStyle(this.styleElement),this.overlayEventListener&&(r.OverlayService.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderCloseIcon",value:function(){return this.props.showCloseIcon?a.default.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:this.onCloseClick,"aria-label":this.props.ariaCloseLabel},a.default.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),a.default.createElement(i.Ripple,null)):null}},{key:"renderElement",value:function(){var e=t.classNames("p-overlaypanel p-component",this.props.className),i=this.renderCloseIcon();return a.default.createElement(n.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-overlaypanel",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},a.default.createElement("div",{ref:this.overlayRef,id:this.props.id,className:e,style:this.props.style,onClick:this.onPanelClick},a.default.createElement("div",{className:"p-overlaypanel-content",onClick:this.onContentClick,onMouseDown:this.onContentClick},this.props.children),i))}},{key:"render",value:function(){var e=this.renderElement();return a.default.createElement(o.Portal,{element:e,appendTo:this.props.appendTo})}}])&&f(v.prototype,k),C&&f(v,C),L}();E={id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},(C="defaultProps")in(k=L)?Object.defineProperty(k,C,{value:E,enumerable:!0,configurable:!0,writable:!0}):k[C]=E,exports.OverlayPanel=L;

package/overlaypanel/overlaypanel.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { CSSTransitionProps } from '../csstransition';
 
 type OverlayPanelEventType = React.SyntheticEvent | undefined | null;
 
@@ -19,13 +20,13 @@ export interface OverlayPanelProps {
     appendTo?: OverlayPanelAppendToType;
     ariaCloseLabel?: string;
     breakpoints?: OverlayPanelBreakpoints;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
     onShow?(): void;
     onHide?(): void;
 }
 
 export declare class OverlayPanel extends React.Component<OverlayPanelProps, any> {
-    public toggle(event: OverlayPanelEventType, target: OverlayPanelTargetType): void;
+    public toggle(event: OverlayPanelEventType, target?: OverlayPanelTargetType): void;
     public show(event: OverlayPanelEventType, target: OverlayPanelTargetType): void;
     public hide(): void;
 }

package/overlaypanel/overlaypanel.esm.js

@@ -1,5 +1,10 @@
 import React, { Component } from 'react';
-import { UniqueComponentId, ConnectedOverlayScrollHandler, DomHandler, OverlayService, ZIndexUtils, Ripple, classNames, CSSTransition, Portal } from 'primereact/core';
+import { UniqueComponentId, ConnectedOverlayScrollHandler, DomHandler, ZIndexUtils, classNames } from 'primereact/utils';
+import { CSSTransition } from 'primereact/csstransition';
+import { Ripple } from 'primereact/ripple';
+import { OverlayService } from 'primereact/overlayservice';
+import { Portal } from 'primereact/portal';
+import PrimeReact from 'primereact/api';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -126,6 +131,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
     _this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));
     _this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
     _this.onExited = _this.onExited.bind(_assertThisInitialized(_this));
+    _this.onContentClick = _this.onContentClick.bind(_assertThisInitialized(_this));
     _this.attributeSelector = UniqueComponentId();
     _this.overlayRef = /*#__PURE__*/React.createRef();
     return _this;
@@ -185,7 +191,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.visible && !DomHandler.isAndroid()) {
+          if (_this4.state.visible && !DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
@@ -287,7 +293,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
   }, {
     key: "onEnter",
     value: function onEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
       this.overlayRef.current.setAttribute(this.attributeSelector, '');
       this.align();
     }
@@ -336,8 +342,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
     key: "createStyle",
     value: function createStyle() {
       if (!this.styleElement) {
-        this.styleElement = document.createElement('style');
-        document.head.appendChild(this.styleElement);
+        this.styleElement = DomHandler.createInlineStyle();
         var innerHTML = '';
 
         for (var breakpoint in this.props.breakpoints) {
@@ -365,10 +370,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
         this.scrollHandler = null;
       }
 
-      if (this.styleElement) {
-        document.head.removeChild(this.styleElement);
-        this.styleElement = null;
-      }
+      this.styleElement = DomHandler.removeInlineStyle(this.styleElement);
 
       if (this.overlayEventListener) {
         OverlayService.off('overlay-click', this.overlayEventListener);

package/overlaypanel/overlaypanel.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{UniqueComponentId as n,ConnectedOverlayScrollHandler as i,DomHandler as r,OverlayService as o,ZIndexUtils as s,Ripple as l,classNames as a,CSSTransition as c,Portal as u}from"primereact/core";function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}function 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 m(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)})(e)}function k(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var E,C,L,g=function(p){y(R,t);var v,E,C,L,g,w=(v=R,E=k(),function(){var e,t=b(v);if(E){var n=b(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function R(t){var i;return h(this,R),(i=w.call(this,t)).state={visible:!1},i.onCloseClick=i.onCloseClick.bind(d(i)),i.onPanelClick=i.onPanelClick.bind(d(i)),i.onEnter=i.onEnter.bind(d(i)),i.onEntered=i.onEntered.bind(d(i)),i.onExit=i.onExit.bind(d(i)),i.onExited=i.onExited.bind(d(i)),i.attributeSelector=n(),i.overlayRef=e.createRef(),i}return C=R,(L=[{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new i(this.target,(function(){e.state.visible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.visible&&!r.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"hasTargetChanged",value:function(e,t){return null!=this.target&&this.target!==(t||e.currentTarget||e.target)}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,o.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"onContentClick",value:function(){this.isPanelClicked=!0}},{key:"toggle",value:function(e,t){var n=this;this.state.visible?(this.hide(),this.hasTargetChanged(e,t)&&(this.target=t||e.currentTarget||e.target,setTimeout((function(){n.show(e,n.target)}),200))):this.show(e,t)}},{key:"show",value:function(e,t){var n=this;this.target=t||e.currentTarget||e.target,this.state.visible?this.align():this.setState({visible:!0},(function(){n.overlayEventListener=function(e){n.isOutsideClicked(e.target)||(n.isPanelClicked=!0)},o.on("overlay-click",n.overlayEventListener)}))}},{key:"hide",value:function(){var e=this;this.setState({visible:!1},(function(){o.off("overlay-click",e.overlayEventListener),e.overlayEventListener=null}))}},{key:"onEnter",value:function(){s.set("overlay",this.overlayRef.current),this.overlayRef.current.setAttribute(this.attributeSelector,""),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){s.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"align",value:function(){if(this.target){r.absolutePosition(this.overlayRef.current,this.target);var e=r.getOffset(this.overlayRef.current),t=r.getOffset(this.target),n=0;e.left<t.left&&(n=t.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<t.top&&r.addClass(this.overlayRef.current,"p-overlaypanel-flipped")}}},{key:"createStyle",value:function(){if(!this.styleElement){this.styleElement=document.createElement("style"),document.head.appendChild(this.styleElement);var e="";for(var t in this.props.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(this.attributeSelector,"] {\n                            width: ").concat(this.props.breakpoints[t]," !important;\n                        }\n                    }\n                ");this.styleElement.innerHTML=e}}},{key:"componentDidMount",value:function(){this.props.breakpoints&&this.createStyle()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null),this.overlayEventListener&&(o.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),s.clear(this.overlayRef.current)}},{key:"renderCloseIcon",value:function(){return this.props.showCloseIcon?e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:this.onCloseClick,"aria-label":this.props.ariaCloseLabel},e.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),e.createElement(l,null)):null}},{key:"renderElement",value:function(){var t=a("p-overlaypanel p-component",this.props.className),n=this.renderCloseIcon();return e.createElement(c,{nodeRef:this.overlayRef,classNames:"p-overlaypanel",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},e.createElement("div",{ref:this.overlayRef,id:this.props.id,className:t,style:this.props.style,onClick:this.onPanelClick},e.createElement("div",{className:"p-overlaypanel-content",onClick:this.onContentClick,onMouseDown:this.onContentClick},this.props.children),n))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(u,{element:t,appendTo:this.props.appendTo})}}])&&f(C.prototype,L),g&&f(C,g),R}();L={id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},(C="defaultProps")in(E=g)?Object.defineProperty(E,C,{value:L,enumerable:!0,configurable:!0,writable:!0}):E[C]=L;export{g as OverlayPanel};
+import e,{Component as t}from"react";import{UniqueComponentId as n,ConnectedOverlayScrollHandler as i,DomHandler as r,ZIndexUtils as o,classNames as s}from"primereact/utils";import{CSSTransition as l}from"primereact/csstransition";import{Ripple as a}from"primereact/ripple";import{OverlayService as c}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import h from"primereact/api";function f(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 d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&v(e,t)}function 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 k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function C(){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,L,g,w=function(v){y(S,t);var m,E,L,g,w,R=(m=S,E=C(),function(){var e,t=k(m);if(E){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function S(t){var i;return f(this,S),(i=R.call(this,t)).state={visible:!1},i.onCloseClick=i.onCloseClick.bind(d(i)),i.onPanelClick=i.onPanelClick.bind(d(i)),i.onEnter=i.onEnter.bind(d(i)),i.onEntered=i.onEntered.bind(d(i)),i.onExit=i.onExit.bind(d(i)),i.onExited=i.onExited.bind(d(i)),i.onContentClick=i.onContentClick.bind(d(i)),i.attributeSelector=n(),i.overlayRef=e.createRef(),i}return L=S,(g=[{key:"bindDocumentClickListener",value:function(){var e=this;!this.documentClickListener&&this.props.dismissable&&(this.documentClickListener=function(t){!e.isPanelClicked&&e.isOutsideClicked(t.target)&&e.hide(),e.isPanelClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new i(this.target,(function(){e.state.visible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.visible&&!r.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&!(this.overlayRef.current.isSameNode(e)||this.overlayRef.current.contains(e))}},{key:"hasTargetChanged",value:function(e,t){return null!=this.target&&this.target!==(t||e.currentTarget||e.target)}},{key:"onCloseClick",value:function(e){this.hide(),e.preventDefault()}},{key:"onPanelClick",value:function(e){this.isPanelClicked=!0,c.emit("overlay-click",{originalEvent:e,target:this.target})}},{key:"onContentClick",value:function(){this.isPanelClicked=!0}},{key:"toggle",value:function(e,t){var n=this;this.state.visible?(this.hide(),this.hasTargetChanged(e,t)&&(this.target=t||e.currentTarget||e.target,setTimeout((function(){n.show(e,n.target)}),200))):this.show(e,t)}},{key:"show",value:function(e,t){var n=this;this.target=t||e.currentTarget||e.target,this.state.visible?this.align():this.setState({visible:!0},(function(){n.overlayEventListener=function(e){n.isOutsideClicked(e.target)||(n.isPanelClicked=!0)},c.on("overlay-click",n.overlayEventListener)}))}},{key:"hide",value:function(){var e=this;this.setState({visible:!1},(function(){c.off("overlay-click",e.overlayEventListener),e.overlayEventListener=null}))}},{key:"onEnter",value:function(){o.set("overlay",this.overlayRef.current,h.autoZIndex,h.zIndex.overlay),this.overlayRef.current.setAttribute(this.attributeSelector,""),this.align()}},{key:"onEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onExited",value:function(){o.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"align",value:function(){if(this.target){r.absolutePosition(this.overlayRef.current,this.target);var e=r.getOffset(this.overlayRef.current),t=r.getOffset(this.target),n=0;e.left<t.left&&(n=t.left-e.left),this.overlayRef.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<t.top&&r.addClass(this.overlayRef.current,"p-overlaypanel-flipped")}}},{key:"createStyle",value:function(){if(!this.styleElement){this.styleElement=r.createInlineStyle();var e="";for(var t in this.props.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(this.attributeSelector,"] {\n                            width: ").concat(this.props.breakpoints[t]," !important;\n                        }\n                    }\n                ");this.styleElement.innerHTML=e}}},{key:"componentDidMount",value:function(){this.props.breakpoints&&this.createStyle()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.styleElement=r.removeInlineStyle(this.styleElement),this.overlayEventListener&&(c.off("overlay-click",this.overlayEventListener),this.overlayEventListener=null),o.clear(this.overlayRef.current)}},{key:"renderCloseIcon",value:function(){return this.props.showCloseIcon?e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:this.onCloseClick,"aria-label":this.props.ariaCloseLabel},e.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times"}),e.createElement(a,null)):null}},{key:"renderElement",value:function(){var t=s("p-overlaypanel p-component",this.props.className),n=this.renderCloseIcon();return e.createElement(l,{nodeRef:this.overlayRef,classNames:"p-overlaypanel",in:this.state.visible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},e.createElement("div",{ref:this.overlayRef,id:this.props.id,className:t,style:this.props.style,onClick:this.onPanelClick},e.createElement("div",{className:"p-overlaypanel-content",onClick:this.onContentClick,onMouseDown:this.onContentClick},this.props.children),n))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(u,{element:t,appendTo:this.props.appendTo})}}])&&p(L.prototype,g),w&&p(L,w),S}();g={id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:"close",transitionOptions:null,onShow:null,onHide:null},(L="defaultProps")in(E=w)?Object.defineProperty(E,L,{value:g,enumerable:!0,configurable:!0,writable:!0}):E[L]=g;export{w as OverlayPanel};