primereact 8.7.2 → 9.0.0-beta.1

package/organizationchart/organizationchart.js

@@ -26,14 +26,12 @@ this.primereact.organizationchart = (function (exports, React, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -41,11 +39,9 @@ this.primereact.organizationchart = (function (exports, React, utils) {
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 
@@ -79,33 +75,33 @@ this.primereact.organizationchart = (function (exports, React, utils) {
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _nonIterableRest() {
@@ -118,28 +114,23 @@ this.primereact.organizationchart = (function (exports, React, utils) {
 
   var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props) {
     var node = props.node;
-
     var _React$useState = React__namespace.useState(node.expanded),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        expandedState = _React$useState2[0],
-        setExpandedState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      expandedState = _React$useState2[0],
+      setExpandedState = _React$useState2[1];
     var leaf = node.leaf === false ? false : !(node.children && node.children.length);
     var colspan = node.children && node.children.length ? node.children.length * 2 : null;
     var selected = props.isSelected(node);
     var visibility = !leaf && expandedState ? 'inherit' : 'hidden';
-
     var onNodeClick = function onNodeClick(event, node) {
       props.onNodeClick(event, node);
     };
-
     var toggleNode = function toggleNode(event, node) {
       setExpandedState(function (prevExpanded) {
         return !prevExpanded;
       });
       event.preventDefault();
     };
-
     var createChildNodes = function createChildNodes() {
       return /*#__PURE__*/React__namespace.createElement("tr", {
         style: {
@@ -159,7 +150,6 @@ this.primereact.organizationchart = (function (exports, React, utils) {
         }));
       }));
     };
-
     var createLinesMiddle = function createLinesMiddle() {
       var nodeChildLength = node.children && node.children.length;
       return /*#__PURE__*/React__namespace.createElement("tr", {
@@ -187,7 +177,6 @@ this.primereact.organizationchart = (function (exports, React, utils) {
         }, "\xA0")];
       }));
     };
-
     var createLinesDown = function createLinesDown() {
       return /*#__PURE__*/React__namespace.createElement("tr", {
         style: {
@@ -200,7 +189,6 @@ this.primereact.organizationchart = (function (exports, React, utils) {
         className: "p-organizationchart-line-down"
       })));
     };
-
     var createToggler = function createToggler() {
       if (!leaf) {
         var toggleIconClassName = utils.classNames('p-node-toggler-icon', {
@@ -209,7 +197,6 @@ this.primereact.organizationchart = (function (exports, React, utils) {
         });
         return (
           /*#__PURE__*/
-
           /* eslint-disable */
           React__namespace.createElement("a", {
             href: "#",
@@ -221,18 +208,15 @@ this.primereact.organizationchart = (function (exports, React, utils) {
             className: toggleIconClassName
           }))
           /* eslint-enable */
-
         );
       }
 
       return null;
     };
-
     var createNodeLabel = function createNodeLabel() {
       var label = props.nodeTemplate && utils.ObjectUtils.getJSXElement(props.nodeTemplate, node) || node.label;
       return /*#__PURE__*/React__namespace.createElement("div", null, label);
     };
-
     var createNodeContent = function createNodeContent() {
       var nodeClassName = utils.classNames('p-organizationchart-node-content', {
         'p-organizationchart-selectable-node': props.selectionMode && node.selectable !== false,
@@ -249,7 +233,6 @@ this.primereact.organizationchart = (function (exports, React, utils) {
         }
       }, label, toggler)));
     };
-
     var nodeContent = createNodeContent();
     var linesDown = createLinesDown();
     var linesMiddle = createLinesMiddle();
@@ -263,19 +246,15 @@ this.primereact.organizationchart = (function (exports, React, utils) {
   var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
     var root = props.value && props.value.length ? props.value[0] : null;
-
     var onNodeClick = function onNodeClick(event, node) {
       if (props.selectionMode) {
         var target = event.target;
-
         if (node.selectable === false || !utils.DomHandler.hasClass(target, 'p-node-toggler') || !utils.DomHandler.hasClass(target, 'p-node-toggler-icon')) {
           return;
         }
-
         var index = findIndexInSelection(node);
         var selected = index >= 0;
         var selection;
-
         if (props.selectionMode === 'single') {
           if (selected) {
             selection = null;
@@ -307,7 +286,6 @@ this.primereact.organizationchart = (function (exports, React, utils) {
             });
           }
         }
-
         if (props.onSelectionChange) {
           props.onSelectionChange({
             originalEvent: event,
@@ -316,21 +294,17 @@ this.primereact.organizationchart = (function (exports, React, utils) {
         }
       }
     };
-
     var findIndexInSelection = function findIndexInSelection(node) {
       if (props.selectionMode && props.selection) {
         if (props.selectionMode === 'single') return props.selection === node ? 0 : -1;else if (props.selectionMode === 'multiple') return props.selection.findIndex(function (selectedNode) {
           return selectedNode === node;
         });
       }
-
       return -1;
     };
-
     var isSelected = function isSelected(node) {
       return findIndexInSelection(node) !== -1;
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,

package/organizationchart/organizationchart.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.organizationchart=function(e,n,t){"use strict";function r(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=r(n);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},a.apply(this,arguments)}function o(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function i(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,n){if(e){if("string"==typeof e)return o(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,n):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 d(e){if(Array.isArray(e))return e}function m(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw l}}return a}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p=l.memo((function(e){var n,r,a,o,i,c,u=e.node,h=l.useState(u.expanded),g=(r=2,d(n=h)||m(n,r)||s(n,r)||f()),v=g[0],y=g[1],b=!1!==u.leaf&&!(u.children&&u.children.length),N=u.children&&u.children.length?2*u.children.length:null,E=e.isSelected(u),S=!b&&v?"inherit":"hidden",z=function(n,t){e.onNodeClick(n,t)},O=function(){if(!b){var e=t.classNames("p-node-toggler-icon",{"pi pi-chevron-down":v,"pi pi-chevron-up":!v});return l.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(e){return n=e,y((function(e){return!e})),void n.preventDefault();var n}},l.createElement("i",{className:e}))}return null},C=function(){var n=e.nodeTemplate&&t.ObjectUtils.getJSXElement(e.nodeTemplate,u)||u.label;return l.createElement("div",null,n)},j=(a=t.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.selectionMode&&!1!==u.selectable,"p-highlight":E},u.className),o=C(),i=O(),l.createElement("tr",null,l.createElement("td",{colSpan:N},l.createElement("div",{className:a,onClick:function(e){return z(e,u)}},o,i)))),M=l.createElement("tr",{style:{visibility:S},className:"p-organizationchart-lines"},l.createElement("td",{colSpan:N},l.createElement("div",{className:"p-organizationchart-line-down"}))),w=(c=u.children&&u.children.length,l.createElement("tr",{style:{visibility:S},className:"p-organizationchart-lines"},u.children&&1===u.children.length&&l.createElement("td",{colSpan:N},l.createElement("div",{className:"p-organizationchart-line-down"})),u.children&&u.children.length>1&&u.children.map((function(e,n){var r=t.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==n}),a=t.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":n!==c-1});return[l.createElement("td",{key:n+"_lineleft",className:r}," "),l.createElement("td",{key:n+"_lineright",className:a}," ")]})))),k=l.createElement("tr",{style:{visibility:S},className:"p-organizationchart-nodes"},u.children&&u.children.map((function(n,t){return l.createElement("td",{key:t,colSpan:"2"},l.createElement(p,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected}))})));return l.createElement("table",{className:"p-organizationchart-table"},l.createElement("tbody",null,j,M,w,k))}));p.displayName="OrganizationChartNode";var h=l.memo(l.forwardRef((function(e,n){var r=l.useRef(null),o=e.value&&e.value.length?e.value[0]:null,d=function(n){if(e.selectionMode&&e.selection){if("single"===e.selectionMode)return e.selection===n?0:-1;if("multiple"===e.selectionMode)return e.selection.findIndex((function(e){return e===n}))}return-1};l.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return r.current}}}));var m=t.ObjectUtils.findDiffKeys(e,h.defaultProps),f=t.classNames("p-organizationchart p-component",e.className);return l.createElement("div",a({id:e.id,ref:r,style:e.style,className:f},m),l.createElement(p,{node:o,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:function(n,r){if(e.selectionMode){var l=n.target;if(!1===r.selectable||!t.DomHandler.hasClass(l,"p-node-toggler")||!t.DomHandler.hasClass(l,"p-node-toggler-icon"))return;var a,o=d(r),m=o>=0;"single"===e.selectionMode?m?(a=null,e.onNodeUnselect&&e.onNodeUnselect({originalEvent:n,node:r})):(a=r,e.onNodeSelect&&e.onNodeSelect({originalEvent:n,node:r})):"multiple"===e.selectionMode&&(m?(a=e.selection.filter((function(e,n){return n!==o})),e.onNodeUnselect&&e.onNodeUnselect({originalEvent:n,node:r})):(a=[].concat(i(f=e.selection||[])||c(f)||s(f)||u(),[r]),e.onNodeSelect&&e.onNodeSelect({originalEvent:n,node:r}))),e.onSelectionChange&&e.onSelectionChange({originalEvent:n,data:a})}var f},isSelected:function(e){return-1!==d(e)}}))})));return h.displayName="OrganizationChart",h.defaultProps={__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null},e.OrganizationChart=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.organizationchart=function(e,n,t){"use strict";function r(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=r(n);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},a.apply(this,arguments)}function o(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function i(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,n){if(e){if("string"==typeof e)return o(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,n):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 d(e){if(Array.isArray(e))return e}function m(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a,o,i=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw l}}return i}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p=l.memo((function(e){var n,r,a,o,i,c,u=e.node,h=l.useState(u.expanded),g=(r=2,d(n=h)||m(n,r)||s(n,r)||f()),v=g[0],y=g[1],b=!1!==u.leaf&&!(u.children&&u.children.length),N=u.children&&u.children.length?2*u.children.length:null,E=e.isSelected(u),S=!b&&v?"inherit":"hidden",O=function(n,t){e.onNodeClick(n,t)},z=function(){if(!b){var e=t.classNames("p-node-toggler-icon",{"pi pi-chevron-down":v,"pi pi-chevron-up":!v});return l.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(e){return n=e,y((function(e){return!e})),void n.preventDefault();var n}},l.createElement("i",{className:e}))}return null},j=function(){var n=e.nodeTemplate&&t.ObjectUtils.getJSXElement(e.nodeTemplate,u)||u.label;return l.createElement("div",null,n)},C=(a=t.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.selectionMode&&!1!==u.selectable,"p-highlight":E},u.className),o=j(),i=z(),l.createElement("tr",null,l.createElement("td",{colSpan:N},l.createElement("div",{className:a,onClick:function(e){return O(e,u)}},o,i)))),M=l.createElement("tr",{style:{visibility:S},className:"p-organizationchart-lines"},l.createElement("td",{colSpan:N},l.createElement("div",{className:"p-organizationchart-line-down"}))),w=(c=u.children&&u.children.length,l.createElement("tr",{style:{visibility:S},className:"p-organizationchart-lines"},u.children&&1===u.children.length&&l.createElement("td",{colSpan:N},l.createElement("div",{className:"p-organizationchart-line-down"})),u.children&&u.children.length>1&&u.children.map((function(e,n){var r=t.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==n}),a=t.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":n!==c-1});return[l.createElement("td",{key:n+"_lineleft",className:r}," "),l.createElement("td",{key:n+"_lineright",className:a}," ")]})))),k=l.createElement("tr",{style:{visibility:S},className:"p-organizationchart-nodes"},u.children&&u.children.map((function(n,t){return l.createElement("td",{key:t,colSpan:"2"},l.createElement(p,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected}))})));return l.createElement("table",{className:"p-organizationchart-table"},l.createElement("tbody",null,C,M,w,k))}));p.displayName="OrganizationChartNode";var h=l.memo(l.forwardRef((function(e,n){var r=l.useRef(null),o=e.value&&e.value.length?e.value[0]:null,d=function(n){if(e.selectionMode&&e.selection){if("single"===e.selectionMode)return e.selection===n?0:-1;if("multiple"===e.selectionMode)return e.selection.findIndex((function(e){return e===n}))}return-1};l.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return r.current}}}));var m=t.ObjectUtils.findDiffKeys(e,h.defaultProps),f=t.classNames("p-organizationchart p-component",e.className);return l.createElement("div",a({id:e.id,ref:r,style:e.style,className:f},m),l.createElement(p,{node:o,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:function(n,r){if(e.selectionMode){var l=n.target;if(!1===r.selectable||!t.DomHandler.hasClass(l,"p-node-toggler")||!t.DomHandler.hasClass(l,"p-node-toggler-icon"))return;var a,o=d(r),m=o>=0;"single"===e.selectionMode?m?(a=null,e.onNodeUnselect&&e.onNodeUnselect({originalEvent:n,node:r})):(a=r,e.onNodeSelect&&e.onNodeSelect({originalEvent:n,node:r})):"multiple"===e.selectionMode&&(m?(a=e.selection.filter((function(e,n){return n!==o})),e.onNodeUnselect&&e.onNodeUnselect({originalEvent:n,node:r})):(a=[].concat(i(f=e.selection||[])||c(f)||s(f)||u(),[r]),e.onNodeSelect&&e.onNodeSelect({originalEvent:n,node:r}))),e.onSelectionChange&&e.onSelectionChange({originalEvent:n,data:a})}var f},isSelected:function(e){return-1!==d(e)}}))})));return h.displayName="OrganizationChart",h.defaultProps={__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null},e.OrganizationChart=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/overlaypanel/overlaypanel.cjs.js

@@ -38,14 +38,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -56,42 +54,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -114,49 +110,41 @@ function _slicedToArray(arr, i) {
 
 var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      visibleState = _React$useState2[0],
-      setVisibleState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    visibleState = _React$useState2[0],
+    setVisibleState = _React$useState2[1];
   var attributeSelector = React__namespace.useRef('');
   var overlayRef = React__namespace.useRef(null);
   var currentTargetRef = React__namespace.useRef(null);
   var isPanelClicked = React__namespace.useRef(false);
   var styleElement = React__namespace.useRef(null);
   var overlayEventListener = React__namespace.useRef(null);
-
   var _useOverlayListener = hooks.useOverlayListener({
-    target: currentTargetRef,
-    overlay: overlayRef,
-    listener: function listener(event, _ref) {
-      var type = _ref.type,
+      target: currentTargetRef,
+      overlay: overlayRef,
+      listener: function listener(event, _ref) {
+        var type = _ref.type,
           valid = _ref.valid;
-
-      if (valid) {
-        type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
-      }
-
-      isPanelClicked.current = false;
-    },
-    when: visibleState
-  }),
-      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-      bindOverlayListener = _useOverlayListener2[0],
-      unbindOverlayListener = _useOverlayListener2[1];
-
+        if (valid) {
+          type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
+        }
+        isPanelClicked.current = false;
+      },
+      when: visibleState
+    }),
+    _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+    bindOverlayListener = _useOverlayListener2[0],
+    unbindOverlayListener = _useOverlayListener2[1];
   var isOutsideClicked = function isOutsideClicked(target) {
     return overlayRef && overlayRef.current && !(overlayRef.current.isSameNode(target) || overlayRef.current.contains(target));
   };
-
   var hasTargetChanged = function hasTargetChanged(event, target) {
     return currentTargetRef.current != null && currentTargetRef.current !== (target || event.currentTarget || event.target);
   };
-
   var onCloseClick = function onCloseClick(event) {
     hide();
     event.preventDefault();
   };
-
   var onPanelClick = function onPanelClick(event) {
     isPanelClicked.current = true;
     overlayservice.OverlayService.emit('overlay-click', {
@@ -164,15 +152,12 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref
       target: currentTargetRef.current
     });
   };
-
   var onContentClick = function onContentClick() {
     isPanelClicked.current = true;
   };
-
   var toggle = function toggle(event, target) {
     if (visibleState) {
       hide();
-
       if (hasTargetChanged(event, target)) {
         currentTargetRef.current = target || event.currentTarget || event.target;
         setTimeout(function () {
@@ -183,96 +168,76 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref
       show(event, target);
     }
   };
-
   var show = function show(event, target) {
     currentTargetRef.current = target || event.currentTarget || event.target;
-
     if (visibleState) {
       align();
     } else {
       setVisibleState(true);
-
       overlayEventListener.current = function (e) {
         !isOutsideClicked(e.target) && (isPanelClicked.current = true);
       };
-
       overlayservice.OverlayService.on('overlay-click', overlayEventListener.current);
     }
   };
-
   var hide = function hide() {
     setVisibleState(false);
     overlayservice.OverlayService.off('overlay-click', overlayEventListener.current);
     overlayEventListener.current = null;
   };
-
   var onEnter = function onEnter() {
     overlayRef.current.setAttribute(attributeSelector.current, '');
     utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
     align();
   };
-
   var onEntered = function onEntered() {
     bindOverlayListener();
     props.onShow && props.onShow();
   };
-
   var onExit = function onExit() {
     unbindOverlayListener();
   };
-
   var onExited = function onExited() {
     utils.ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();
   };
-
   var align = function align() {
     if (currentTargetRef.current && overlayRef.current) {
       utils.DomHandler.absolutePosition(overlayRef.current, currentTargetRef.current);
       var containerOffset = utils.DomHandler.getOffset(overlayRef.current);
       var targetOffset = utils.DomHandler.getOffset(currentTargetRef.current);
       var arrowLeft = 0;
-
       if (containerOffset.left < targetOffset.left) {
         arrowLeft = targetOffset.left - containerOffset.left;
       }
-
       overlayRef.current.style.setProperty('--overlayArrowLeft', "".concat(arrowLeft, "px"));
-
       if (containerOffset.top < targetOffset.top) {
         utils.DomHandler.addClass(overlayRef.current, 'p-overlaypanel-flipped');
       }
     }
   };
-
   var createStyle = function createStyle() {
     if (!styleElement.current) {
       styleElement.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
       var innerHTML = '';
-
       for (var breakpoint in props.breakpoints) {
         innerHTML += "\n                    @media screen and (max-width: ".concat(breakpoint, ") {\n                        .p-overlaypanel[").concat(attributeSelector.current, "] {\n                            width: ").concat(props.breakpoints[breakpoint], " !important;\n                        }\n                    }\n                ");
       }
-
       styleElement.current.innerHTML = innerHTML;
     }
   };
-
   hooks.useMountEffect(function () {
     attributeSelector.current = utils.UniqueComponentId();
-
     if (props.breakpoints) {
       createStyle();
     }
   });
   hooks.useUnmountEffect(function () {
     styleElement.current = utils.DomHandler.removeInlineStyle(styleElement.current);
-
     if (overlayEventListener.current) {
       overlayservice.OverlayService.off('overlay-click', overlayEventListener.current);
       overlayEventListener.current = null;
     }
-
     utils.ZIndexUtils.clear(overlayRef.current);
   });
   React__namespace.useImperativeHandle(ref, function () {
@@ -286,7 +251,6 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref
       }
     };
   });
-
   var createCloseIcon = function createCloseIcon() {
     if (props.showCloseIcon) {
       var ariaLabel = props.ariaCloseLabel || PrimeReact.localeOption('close');
@@ -300,13 +264,14 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref
         "aria-hidden": "true"
       }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
-
     return null;
   };
-
   var createElement = function createElement() {
     var otherProps = utils.ObjectUtils.findDiffKeys(props, OverlayPanel.defaultProps);
-    var className = utils.classNames('p-overlaypanel p-component', props.className);
+    var className = utils.classNames('p-overlaypanel p-component', props.className, {
+      'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+    });
     var closeIcon = createCloseIcon();
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: overlayRef,
@@ -335,7 +300,6 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref
       onMouseDown: onContentClick
     }, props.children), closeIcon));
   };
-
   var element = createElement();
   return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
     element: element,

package/overlaypanel/overlaypanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),n=require("primereact/csstransition"),t=require("primereact/hooks"),l=require("primereact/overlayservice"),a=require("primereact/portal"),o=require("primereact/ripple"),u=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var s=c(e),f=i(r);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},p.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function y(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,l,a=[],o=!0,u=!1;try{for(n=n.call(e);!(o=(t=n.next()).done)&&(a.push(t.value),!r||a.length!==r);o=!0);}catch(e){u=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(u)throw l}}return a}}function v(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function m(e,r){if(e){if("string"==typeof e)return v(e,r);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)?v(e,r):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,r){return d(e)||y(e,r)||m(e,r)||b()}var g=s.forwardRef((function(e,i){var c=O(s.useState(!1),2),d=c[0],y=c[1],v=s.useRef(""),m=s.useRef(null),b=s.useRef(null),h=s.useRef(!1),E=s.useRef(null),w=s.useRef(null),S=O(t.useOverlayListener({target:b,overlay:m,listener:function(r,n){n.valid&&("outside"===n.type?e.dismissable&&!h.current&&N():N()),h.current=!1},when:d}),2),j=S[0],k=S[1],x=function(e){return m&&m.current&&!(m.current.isSameNode(e)||m.current.contains(e))},I=function(e,r){return null!=b.current&&b.current!==(r||e.currentTarget||e.target)},P=function(e){N(),e.preventDefault()},C=function(e){h.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:b.current})},H=function(){h.current=!0},T=function(e,r){d?(N(),I(e,r)&&(b.current=r||e.currentTarget||e.target,setTimeout((function(){D(e,b.current)}),200))):D(e,r)},D=function(e,r){b.current=r||e.currentTarget||e.target,d?M():(y(!0),w.current=function(e){!x(e.target)&&(h.current=!0)},l.OverlayService.on("overlay-click",w.current))},N=function(){y(!1),l.OverlayService.off("overlay-click",w.current),w.current=null},q=function(){m.current.setAttribute(v.current,""),u.ZIndexUtils.set("overlay",m.current,f.default.autoZIndex,f.default.zIndex.overlay),M()},R=function(){j(),e.onShow&&e.onShow()},A=function(){k()},U=function(){u.ZIndexUtils.clear(m.current),e.onHide&&e.onHide()},M=function(){if(b.current&&m.current){u.DomHandler.absolutePosition(m.current,b.current);var e=u.DomHandler.getOffset(m.current),r=u.DomHandler.getOffset(b.current),n=0;e.left<r.left&&(n=r.left-e.left),m.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<r.top&&u.DomHandler.addClass(m.current,"p-overlaypanel-flipped")}},_=function(){if(!E.current){E.current=u.DomHandler.createInlineStyle(f.default.nonce);var r="";for(var n in e.breakpoints)r+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(v.current,"] {\n                            width: ").concat(e.breakpoints[n]," !important;\n                        }\n                    }\n                ");E.current.innerHTML=r}};t.useMountEffect((function(){v.current=u.UniqueComponentId(),e.breakpoints&&_()})),t.useUnmountEffect((function(){E.current=u.DomHandler.removeInlineStyle(E.current),w.current&&(l.OverlayService.off("overlay-click",w.current),w.current=null),u.ZIndexUtils.clear(m.current)})),s.useImperativeHandle(i,(function(){return{props:e,toggle:T,show:D,hide:N,getElement:function(){return m.current}}}));var L,Z,z,K=function(){if(e.showCloseIcon){var n=e.ariaCloseLabel||r.localeOption("close");return s.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:P,"aria-label":n},s.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),s.createElement(o.Ripple,null))}return null},Y=(L=u.ObjectUtils.findDiffKeys(e,g.defaultProps),Z=u.classNames("p-overlaypanel p-component",e.className),z=K(),s.createElement(n.CSSTransition,{nodeRef:m,classNames:"p-overlaypanel",in:d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:q,onEntered:R,onExit:A,onExited:U},s.createElement("div",p({ref:m,id:e.id,className:Z,style:e.style},L,{onClick:C}),s.createElement("div",{className:"p-overlaypanel-content",onClick:H,onMouseDown:H},e.children),z)));return s.createElement(a.Portal,{element:Y,appendTo:e.appendTo})}));g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null},exports.OverlayPanel=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),a=require("primereact/portal"),o=require("primereact/ripple"),u=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=c(e),f=i(r);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,a,o,u=[],i=!0,c=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;i=!1}else for(;!(i=(n=a.call(t)).done)&&(u.push(n.value),u.length!==r);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw l}}return u}}function v(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function m(e,r){if(e){if("string"==typeof e)return v(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,r):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,r){return d(e)||y(e,r)||m(e,r)||b()}var g=s.forwardRef((function(e,i){var c=O(s.useState(!1),2),d=c[0],y=c[1],v=s.useRef(""),m=s.useRef(null),b=s.useRef(null),h=s.useRef(!1),E=s.useRef(null),S=s.useRef(null),w=O(n.useOverlayListener({target:b,overlay:m,listener:function(r,t){t.valid&&("outside"===t.type?e.dismissable&&!h.current&&N():N()),h.current=!1},when:d}),2),j=w[0],k=w[1],x=function(e){return m&&m.current&&!(m.current.isSameNode(e)||m.current.contains(e))},I=function(e,r){return null!=b.current&&b.current!==(r||e.currentTarget||e.target)},P=function(e){N(),e.preventDefault()},C=function(e){h.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:b.current})},H=function(){h.current=!0},T=function(e,r){d?(N(),I(e,r)&&(b.current=r||e.currentTarget||e.target,setTimeout((function(){D(e,b.current)}),200))):D(e,r)},D=function(e,r){b.current=r||e.currentTarget||e.target,d?M():(y(!0),S.current=function(e){!x(e.target)&&(h.current=!0)},l.OverlayService.on("overlay-click",S.current))},N=function(){y(!1),l.OverlayService.off("overlay-click",S.current),S.current=null},q=function(){m.current.setAttribute(v.current,""),u.ZIndexUtils.set("overlay",m.current,f.default.autoZIndex,f.default.zIndex.overlay),M()},R=function(){j(),e.onShow&&e.onShow()},A=function(){k()},U=function(){u.ZIndexUtils.clear(m.current),e.onHide&&e.onHide()},M=function(){if(b.current&&m.current){u.DomHandler.absolutePosition(m.current,b.current);var e=u.DomHandler.getOffset(m.current),r=u.DomHandler.getOffset(b.current),t=0;e.left<r.left&&(t=r.left-e.left),m.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&u.DomHandler.addClass(m.current,"p-overlaypanel-flipped")}},_=function(){if(!E.current){E.current=u.DomHandler.createInlineStyle(f.default.nonce);var r="";for(var t in e.breakpoints)r+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(v.current,"] {\n                            width: ").concat(e.breakpoints[t]," !important;\n                        }\n                    }\n                ");E.current.innerHTML=r}};n.useMountEffect((function(){v.current=u.UniqueComponentId(),e.breakpoints&&_()})),n.useUnmountEffect((function(){E.current=u.DomHandler.removeInlineStyle(E.current),S.current&&(l.OverlayService.off("overlay-click",S.current),S.current=null),u.ZIndexUtils.clear(m.current)})),s.useImperativeHandle(i,(function(){return{props:e,toggle:T,show:D,hide:N,getElement:function(){return m.current}}}));var L,Z,z,K=function(){if(e.showCloseIcon){var t=e.ariaCloseLabel||r.localeOption("close");return s.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:P,"aria-label":t},s.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),s.createElement(o.Ripple,null))}return null},Y=(L=u.ObjectUtils.findDiffKeys(e,g.defaultProps),Z=u.classNames("p-overlaypanel p-component",e.className,{"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple}),z=K(),s.createElement(t.CSSTransition,{nodeRef:m,classNames:"p-overlaypanel",in:d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:q,onEntered:R,onExit:A,onExited:U},s.createElement("div",p({ref:m,id:e.id,className:Z,style:e.style},L,{onClick:C}),s.createElement("div",{className:"p-overlaypanel-content",onClick:H,onMouseDown:H},e.children),z)));return s.createElement(a.Portal,{element:Y,appendTo:e.appendTo})}));g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null},exports.OverlayPanel=g;