primereact 9.5.0 → 9.6.0

package/organizationchart/organizationchart.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.organizationchart = (function (exports, React, utils, chevrondown, chevronup) {
+this.primereact.organizationchart = (function (exports, React, utils, componentbase, chevrondown, chevronup, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,21 +22,6 @@ this.primereact.organizationchart = (function (exports, React, utils, chevrondow
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  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);
-  }
-
   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];
@@ -68,7 +53,7 @@ this.primereact.organizationchart = (function (exports, React, utils, chevrondow
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
-  var OrganizationChartBase = {
+  var OrganizationChartBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'OrganizationChart',
       id: null,
@@ -83,14 +68,64 @@ this.primereact.organizationchart = (function (exports, React, utils, chevrondow
       onNodeUnselect: null,
       togglerIcon: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, OrganizationChartBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, OrganizationChartBase.defaultProps);
     }
-  };
+  });
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
+  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);
+  }
 
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
@@ -132,6 +167,8 @@ this.primereact.organizationchart = (function (exports, React, utils, chevrondow
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props) {
     var node = props.node;
     var _React$useState = React__namespace.useState(node.expanded),
@@ -142,6 +179,16 @@ this.primereact.organizationchart = (function (exports, React, utils, chevrondow
     var colspan = node.children && node.children.length ? node.children.length * 2 : null;
     var selected = props.isSelected(node);
     var visibility = !leaf && expandedState ? 'inherit' : 'hidden';
+    var getPTOptions = function getPTOptions(key) {
+      return props.ptm(key, {
+        state: {
+          expanded: expandedState
+        },
+        context: {
+          selected: props.isSelected(node)
+        }
+      });
+    };
     var onNodeClick = function onNodeClick(event, node) {
       props.onNodeClick(event, node);
     };
@@ -152,37 +199,44 @@ this.primereact.organizationchart = (function (exports, React, utils, chevrondow
       event.preventDefault();
     };
     var createChildNodes = function createChildNodes() {
-      return /*#__PURE__*/React__namespace.createElement("tr", {
+      var nodesProps = utils.mergeProps({
+        className: 'p-organizationchart-nodes',
         style: {
           visibility: visibility
-        },
-        className: "p-organizationchart-nodes"
-      }, node.children && node.children.map(function (child, index) {
-        return /*#__PURE__*/React__namespace.createElement("td", {
-          key: index,
-          colSpan: "2"
-        }, /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
+        }
+      }, props.ptm('nodes'));
+      var nodeCellProps = utils.mergeProps({
+        colSpan: '2'
+      }, props.ptm('nodeCell'));
+      return /*#__PURE__*/React__namespace.createElement("tr", nodesProps, node.children && node.children.map(function (child, index) {
+        return /*#__PURE__*/React__namespace.createElement("td", _extends({
+          key: index
+        }, nodeCellProps), /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
           node: child,
           nodeTemplate: props.nodeTemplate,
           selectionMode: props.selectionMode,
           onNodeClick: props.onNodeClick,
           isSelected: props.isSelected,
-          togglerIcon: props.togglerIcon
+          togglerIcon: props.togglerIcon,
+          ptm: props.ptm
         }));
       }));
     };
     var createLinesMiddle = function createLinesMiddle() {
       var nodeChildLength = node.children && node.children.length;
-      return /*#__PURE__*/React__namespace.createElement("tr", {
+      var linesProps = utils.mergeProps({
+        className: 'p-organizationchart-lines',
         style: {
           visibility: visibility
-        },
-        className: "p-organizationchart-lines"
-      }, node.children && node.children.length === 1 && /*#__PURE__*/React__namespace.createElement("td", {
+        }
+      }, props.ptm('lines'));
+      var lineCellProps = utils.mergeProps({
         colSpan: colspan
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-organizationchart-line-down"
-      })), node.children && node.children.length > 1 && node.children.map(function (_, index) {
+      }, props.ptm('lineCell'));
+      var lineDownProps = utils.mergeProps({
+        className: 'p-organizationchart-line-down'
+      }, props.ptm('lineDown'));
+      return /*#__PURE__*/React__namespace.createElement("tr", linesProps, node.children && node.children.length === 1 && /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)), node.children && node.children.length > 1 && node.children.map(function (_, index) {
         var leftClassName = utils.classNames('p-organizationchart-line-left', {
           'p-organizationchart-line-top': index !== 0
         });
@@ -199,45 +253,46 @@ this.primereact.organizationchart = (function (exports, React, utils, chevrondow
       }));
     };
     var createLinesDown = function createLinesDown() {
-      return /*#__PURE__*/React__namespace.createElement("tr", {
+      var linesProps = utils.mergeProps({
+        className: 'p-organizationchart-lines',
         style: {
           visibility: visibility
-        },
-        className: "p-organizationchart-lines"
-      }, /*#__PURE__*/React__namespace.createElement("td", {
+        }
+      }, props.ptm('lines'));
+      var lineCellProps = utils.mergeProps({
         colSpan: colspan
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-organizationchart-line-down"
-      })));
+      }, props.ptm('lineCell'));
+      var lineDownProps = utils.mergeProps({
+        className: 'p-organizationchart-line-down'
+      }, props.ptm('lineDown'));
+      return /*#__PURE__*/React__namespace.createElement("tr", linesProps, /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)));
     };
     var createToggler = function createToggler() {
       if (!leaf) {
         var iconClassName = 'p-node-toggler-icon';
+        var nodeTogglerIconProps = utils.mergeProps({
+          className: iconClassName
+        }, props.ptm('nodeTogglerIcon'));
         var icon;
         if (expandedState) {
-          icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
-            className: iconClassName
-          });
+          icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, nodeTogglerIconProps);
         } else {
-          icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, {
-            className: iconClassName
-          });
+          icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, nodeTogglerIconProps);
         }
-        var togglerIcon = utils.IconUtils.getJSXIcon(icon, {
-          className: iconClassName
-        }, {
+        var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, nodeTogglerIconProps), {
           props: props
         });
+        var nodeTogglerProps = utils.mergeProps({
+          className: 'p-node-toggler',
+          onClick: function onClick(e) {
+            return toggleNode(e);
+          },
+          href: '#'
+        }, getPTOptions('nodeToggler'));
         return (
           /*#__PURE__*/
           /* eslint-disable */
-          React__namespace.createElement("a", {
-            href: "#",
-            className: "p-node-toggler",
-            onClick: function onClick(e) {
-              return toggleNode(e);
-            }
-          }, /*#__PURE__*/React__namespace.createElement("i", null, " ", togglerIcon, " "))
+          React__namespace.createElement("a", nodeTogglerProps, /*#__PURE__*/React__namespace.createElement("i", null, " ", togglerIcon, " "))
           /* eslint-enable */
         );
       }
@@ -255,28 +310,36 @@ this.primereact.organizationchart = (function (exports, React, utils, chevrondow
       }, node.className);
       var label = createNodeLabel();
       var toggler = createToggler();
-      return /*#__PURE__*/React__namespace.createElement("tr", null, /*#__PURE__*/React__namespace.createElement("td", {
+      var cellProps = utils.mergeProps({
         colSpan: colspan
-      }, /*#__PURE__*/React__namespace.createElement("div", {
+      }, props.ptm('cell'));
+      var nodeProps = utils.mergeProps({
         className: nodeClassName,
         style: node.style,
         onClick: function onClick(e) {
           return onNodeClick(e, node);
         }
-      }, label, toggler)));
+      }, getPTOptions('node'));
+      return /*#__PURE__*/React__namespace.createElement("tr", null, /*#__PURE__*/React__namespace.createElement("td", cellProps, /*#__PURE__*/React__namespace.createElement("div", nodeProps, label, toggler)));
     };
     var nodeContent = createNodeContent();
     var linesDown = createLinesDown();
     var linesMiddle = createLinesMiddle();
     var childNodes = createChildNodes();
-    return /*#__PURE__*/React__namespace.createElement("table", {
-      className: "p-organizationchart-table"
-    }, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
+    var tableProps = utils.mergeProps({
+      className: 'p-organizationchart-table'
+    }, props.ptm('table'));
+    return /*#__PURE__*/React__namespace.createElement("table", tableProps, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
   });
   OrganizationChartNode.displayName = 'OrganizationChartNode';
 
   var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = OrganizationChartBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = OrganizationChartBase.getProps(inProps, context);
+    var _OrganizationChartBas = OrganizationChartBase.setMetaData({
+        props: props
+      }),
+      ptm = _OrganizationChartBas.ptm;
     var elementRef = React__namespace.useRef(null);
     var root = props.value && props.value.length ? props.value[0] : null;
     var onNodeClick = function onNodeClick(event, node) {
@@ -346,20 +409,21 @@ this.primereact.organizationchart = (function (exports, React, utils, chevrondow
         }
       };
     });
-    var otherProps = OrganizationChartBase.getOtherProps(props);
     var className = utils.classNames('p-organizationchart p-component', props.className);
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       id: props.id,
       ref: elementRef,
       style: props.style,
       className: className
-    }, otherProps), /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
+    }, OrganizationChartBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
       node: root,
       nodeTemplate: props.nodeTemplate,
       selectionMode: props.selectionMode,
       onNodeClick: onNodeClick,
       isSelected: isSelected,
-      togglerIcon: props.togglerIcon
+      togglerIcon: props.togglerIcon,
+      ptm: ptm
     }));
   }));
   OrganizationChart.displayName = 'OrganizationChart';
@@ -370,4 +434,4 @@ this.primereact.organizationchart = (function (exports, React, utils, chevrondow
 
   return exports;
 
-})({}, React, primereact.utils, primereact.icons.chevrondown, primereact.icons.chevronup);
+})({}, React, primereact.utils, primereact.componentbase, primereact.icons.chevrondown, primereact.icons.chevronup, primereact.api);

package/organizationchart/organizationchart.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.organizationchart=function(e,n,t,r,l){"use strict";function o(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 a=o(n);function i(){return i=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},i.apply(this,arguments)}function c(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 s(e){if(Array.isArray(e))return c(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,n){if(e){if("string"==typeof e)return c(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)?c(e,n):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f={defaultProps:{__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null,togglerIcon:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,f.defaultProps)}};function p(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.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&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function h(){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 v=a.memo((function(e){var n,o,i,c,s,u,m=e.node,f=a.useState(m.expanded),y=(o=2,p(n=f)||g(n,o)||d(n,o)||h()),b=y[0],N=y[1],E=!1!==m.leaf&&!(m.children&&m.children.length),S=m.children&&m.children.length?2*m.children.length:null,O=e.isSelected(m),z=!E&&b?"inherit":"hidden",j=function(n,t){e.onNodeClick(n,t)},C=function(){if(!E){var n="p-node-toggler-icon",o=t.IconUtils.getJSXIcon(b?e.togglerIcon||a.createElement(r.ChevronDownIcon,{className:n}):e.togglerIcon||a.createElement(l.ChevronUpIcon,{className:n}),{className:n},{props:e});return a.createElement("a",{href:"#",className:"p-node-toggler",onClick:function(e){return n=e,N((function(e){return!e})),void n.preventDefault();var n}},a.createElement("i",null," ",o," "))}return null},I=function(){var n=e.nodeTemplate&&t.ObjectUtils.getJSXElement(e.nodeTemplate,m)||m.label;return a.createElement("div",null,n)},M=(i=t.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.selectionMode&&!1!==m.selectable,"p-highlight":O},m.className),c=I(),s=C(),a.createElement("tr",null,a.createElement("td",{colSpan:S},a.createElement("div",{className:i,style:m.style,onClick:function(e){return j(e,m)}},c,s)))),P=a.createElement("tr",{style:{visibility:z},className:"p-organizationchart-lines"},a.createElement("td",{colSpan:S},a.createElement("div",{className:"p-organizationchart-line-down"}))),w=(u=m.children&&m.children.length,a.createElement("tr",{style:{visibility:z},className:"p-organizationchart-lines"},m.children&&1===m.children.length&&a.createElement("td",{colSpan:S},a.createElement("div",{className:"p-organizationchart-line-down"})),m.children&&m.children.length>1&&m.children.map((function(e,n){var r=t.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==n}),l=t.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":n!==u-1});return[a.createElement("td",{key:n+"_lineleft",className:r}," "),a.createElement("td",{key:n+"_lineright",className:l}," ")]})))),U=a.createElement("tr",{style:{visibility:z},className:"p-organizationchart-nodes"},m.children&&m.children.map((function(n,t){return a.createElement("td",{key:t,colSpan:"2"},a.createElement(v,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon}))})));return a.createElement("table",{className:"p-organizationchart-table"},a.createElement("tbody",null,M,P,w,U))}));v.displayName="OrganizationChartNode";var y=a.memo(a.forwardRef((function(e,n){var r=f.getProps(e),l=a.useRef(null),o=r.value&&r.value.length?r.value[0]:null,c=function(e){if(r.selectionMode&&r.selection){if("single"===r.selectionMode)return r.selection===e?0:-1;if("multiple"===r.selectionMode)return r.selection.findIndex((function(n){return n===e}))}return-1};a.useImperativeHandle(n,(function(){return{props:r,getElement:function(){return l.current}}}));var p=f.getOtherProps(r),g=t.classNames("p-organizationchart p-component",r.className);return a.createElement("div",i({id:r.id,ref:l,style:r.style,className:g},p),a.createElement(v,{node:o,nodeTemplate:r.nodeTemplate,selectionMode:r.selectionMode,onNodeClick:function(e,n){if(r.selectionMode){var l=e.target;if(!1===n.selectable||t.DomHandler.hasClass(l,"p-node-toggler")||t.DomHandler.hasClass(l,"p-node-toggler-icon"))return;var o,a=c(n),i=a>=0;"single"===r.selectionMode?i?(o=null,r.onNodeUnselect&&r.onNodeUnselect({originalEvent:e,node:n})):(o=n,r.onNodeSelect&&r.onNodeSelect({originalEvent:e,node:n})):"multiple"===r.selectionMode&&(i?(o=r.selection.filter((function(e,n){return n!==a})),r.onNodeUnselect&&r.onNodeUnselect({originalEvent:e,node:n})):(o=[].concat(s(f=r.selection||[])||u(f)||d(f)||m(),[n]),r.onNodeSelect&&r.onNodeSelect({originalEvent:e,node:n}))),r.onSelectionChange&&r.onSelectionChange({originalEvent:e,data:o})}var f},isSelected:function(e){return-1!==c(e)},togglerIcon:r.togglerIcon}))})));return y.displayName="OrganizationChart",e.OrganizationChart=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.icons.chevrondown,primereact.icons.chevronup);
+this.primereact=this.primereact||{},this.primereact.organizationchart=function(e,t,n,r,o,l,i){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=a(t);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e){if(Array.isArray(e))return s(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=r.ComponentBase.extend({defaultProps:{__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null,togglerIcon:null,children:void 0}});function g(e){return g="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},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function b(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function O(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function E(){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 N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=c.memo((function(e){var t,r,i,a,s,u,m,d,f,g,h,y,b=e.node,N=c.useState(b.expanded),w=(r=2,O(t=N)||S(t,r)||p(t,r)||E()),C=w[0],z=w[1],I=!1!==b.leaf&&!(b.children&&b.children.length),M=b.children&&b.children.length?2*b.children.length:null,T=e.isSelected(b),D=!I&&C?"inherit":"hidden",k=function(t){return e.ptm(t,{state:{expanded:C},context:{selected:e.isSelected(b)}})},A=function(t,n){e.onNodeClick(t,n)},U=function(){if(!I){var t=n.mergeProps({className:"p-node-toggler-icon"},e.ptm("nodeTogglerIcon")),r=n.IconUtils.getJSXIcon(C?e.togglerIcon||c.createElement(o.ChevronDownIcon,t):e.togglerIcon||c.createElement(l.ChevronUpIcon,t),P({},t),{props:e}),i=n.mergeProps({className:"p-node-toggler",onClick:function(e){return t=e,z((function(e){return!e})),void t.preventDefault();var t},href:"#"},k("nodeToggler"));return c.createElement("a",i,c.createElement("i",null," ",r," "))}return null},x=function(){var t=e.nodeTemplate&&n.ObjectUtils.getJSXElement(e.nodeTemplate,b)||b.label;return c.createElement("div",null,t)},_=(i=n.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.selectionMode&&!1!==b.selectable,"p-highlight":T},b.className),a=x(),s=U(),u=n.mergeProps({colSpan:M},e.ptm("cell")),m=n.mergeProps({className:i,style:b.style,onClick:function(e){return A(e,b)}},k("node")),c.createElement("tr",null,c.createElement("td",u,c.createElement("div",m,a,s)))),R=(d=n.mergeProps({className:"p-organizationchart-lines",style:{visibility:D}},e.ptm("lines")),f=n.mergeProps({colSpan:M},e.ptm("lineCell")),g=n.mergeProps({className:"p-organizationchart-line-down"},e.ptm("lineDown")),c.createElement("tr",d,c.createElement("td",f,c.createElement("div",g)))),H=function(){var t=b.children&&b.children.length,r=n.mergeProps({className:"p-organizationchart-lines",style:{visibility:D}},e.ptm("lines")),o=n.mergeProps({colSpan:M},e.ptm("lineCell")),l=n.mergeProps({className:"p-organizationchart-line-down"},e.ptm("lineDown"));return c.createElement("tr",r,b.children&&1===b.children.length&&c.createElement("td",o,c.createElement("div",l)),b.children&&b.children.length>1&&b.children.map((function(e,r){var o=n.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==r}),l=n.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":r!==t-1});return[c.createElement("td",{key:r+"_lineleft",className:o}," "),c.createElement("td",{key:r+"_lineright",className:l}," ")]})))}(),J=(h=n.mergeProps({className:"p-organizationchart-nodes",style:{visibility:D}},e.ptm("nodes")),y=n.mergeProps({colSpan:"2"},e.ptm("nodeCell")),c.createElement("tr",h,b.children&&b.children.map((function(t,n){return c.createElement("td",v({key:n},y),c.createElement(j,{node:t,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon,ptm:e.ptm}))})))),X=n.mergeProps({className:"p-organizationchart-table"},e.ptm("table"));return c.createElement("table",X,c.createElement("tbody",null,_,R,H,J))}));j.displayName="OrganizationChartNode";var w=c.memo(c.forwardRef((function(e,t){var r=c.useContext(i.PrimeReactContext),o=f.getProps(e,r),l=f.setMetaData({props:o}).ptm,a=c.useRef(null),s=o.value&&o.value.length?o.value[0]:null,g=function(e){if(o.selectionMode&&o.selection){if("single"===o.selectionMode)return o.selection===e?0:-1;if("multiple"===o.selectionMode)return o.selection.findIndex((function(t){return t===e}))}return-1};c.useImperativeHandle(t,(function(){return{props:o,getElement:function(){return a.current}}}));var h=n.classNames("p-organizationchart p-component",o.className),y=n.mergeProps({id:o.id,ref:a,style:o.style,className:h},f.getOtherProps(o),l("root"));return c.createElement("div",y,c.createElement(j,{node:s,nodeTemplate:o.nodeTemplate,selectionMode:o.selectionMode,onNodeClick:function(e,t){if(o.selectionMode){var r=e.target;if(!1===t.selectable||n.DomHandler.hasClass(r,"p-node-toggler")||n.DomHandler.hasClass(r,"p-node-toggler-icon"))return;var l,i=g(t),a=i>=0;"single"===o.selectionMode?a?(l=null,o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:t})):(l=t,o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:t})):"multiple"===o.selectionMode&&(a?(l=o.selection.filter((function(e,t){return t!==i})),o.onNodeUnselect&&o.onNodeUnselect({originalEvent:e,node:t})):(l=[].concat(u(c=o.selection||[])||m(c)||p(c)||d(),[t]),o.onNodeSelect&&o.onNodeSelect({originalEvent:e,node:t}))),o.onSelectionChange&&o.onSelectionChange({originalEvent:e,data:l})}var c},isSelected:function(e){return-1!==g(e)},togglerIcon:o.togglerIcon,ptm:l}))})));return w.displayName="OrganizationChart",e.OrganizationChart=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase,primereact.icons.chevrondown,primereact.icons.chevronup,primereact.api);

package/overlaypanel/overlaypanel.cjs.js

@@ -6,12 +6,12 @@ var React = require('react');
 var PrimeReact = require('primereact/api');
 var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
+var times = require('primereact/icons/times');
 var overlayservice = require('primereact/overlayservice');
 var portal = require('primereact/portal');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
-var times = require('primereact/icons/times');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -154,7 +154,8 @@ var OverlayPanelBase = componentbase.ComponentBase.extend({
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = OverlayPanelBase.getProps(inProps);
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var props = OverlayPanelBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -240,7 +241,7 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
   };
   var onEnter = function onEnter() {
     overlayRef.current.setAttribute(attributeSelector.current, '');
-    utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
+    utils.ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
     align();
   };
   var onEntered = function onEntered() {
@@ -271,7 +272,7 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
   };
   var createStyle = function createStyle() {
     if (!styleElement.current) {
-      styleElement.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+      styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || 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                ");
@@ -329,8 +330,8 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
   };
   var createElement = function createElement() {
     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
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
     });
     var closeIcon = createCloseIcon();
     var rootProps = utils.mergeProps({

package/overlaypanel/overlaypanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/overlayservice"),l=require("primereact/portal"),i=require("primereact/ripple"),u=require("primereact/utils"),c=require("primereact/componentbase"),a=require("primereact/icons/times");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 p=f(e),m=s(r);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 d(e,r){if("object"!==y(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function v(e){var r=d(e,"string");return"symbol"===y(r)?r:String(r)}function b(e,r,t){return(r=v(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function O(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,l,i,u=[],c=!0,a=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(a)throw o}}return u}}function h(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 S(e,r){if(e){if("string"==typeof e)return h(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)?h(e,r):void 0}}function P(){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 j(e,r){return O(e)||g(e,r)||S(e,r)||P()}var w=c.ComponentBase.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0}});function E(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function I(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?E(Object(t),!0).forEach((function(r){b(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var k=p.forwardRef((function(e,c){var s=w.getProps(e),f=j(p.useState(!1),2),y=f[0],d=f[1],v=w.setMetaData({props:s,state:{visible:y}}).ptm,b=p.useRef(""),O=p.useRef(null),g=p.useRef(null),h=p.useRef(!1),S=p.useRef(null),P=p.useRef(null),E=j(n.useOverlayListener({target:g,overlay:O,listener:function(e,r){r.valid&&("outside"===r.type?s.dismissable&&!h.current&&N():N()),h.current=!1},when:y}),2),k=E[0],x=E[1],D=function(e){return O&&O.current&&!(O.current.isSameNode(e)||O.current.contains(e))},T=function(e,r){return null!=g.current&&g.current!==(r||e.currentTarget||e.target)},C=function(){h.current=!0},q=function(e,r){y?(N(),T(e,r)&&(g.current=r||e.currentTarget||e.target,setTimeout((function(){H(e,g.current)}),200))):H(e,r)},H=function(e,r){g.current=r||e.currentTarget||e.target,y?_():(d(!0),P.current=function(e){!D(e.target)&&(h.current=!0)},o.OverlayService.on("overlay-click",P.current))},N=function(){d(!1),o.OverlayService.off("overlay-click",P.current),P.current=null},R=function(){O.current.setAttribute(b.current,""),u.ZIndexUtils.set("overlay",O.current,m.default.autoZIndex,m.default.zIndex.overlay),_()},A=function(){k(),s.onShow&&s.onShow()},M=function(){x()},U=function(){u.ZIndexUtils.clear(O.current),s.onHide&&s.onHide()},_=function(){if(g.current&&O.current){u.DomHandler.absolutePosition(O.current,g.current);var e=u.DomHandler.getOffset(O.current),r=u.DomHandler.getOffset(g.current),t=0;e.left<r.left&&(t=r.left-e.left),O.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&u.DomHandler.addClass(O.current,"p-overlaypanel-flipped")}},L=function(){if(!S.current){S.current=u.DomHandler.createInlineStyle(m.default.nonce);var e="";for(var r in s.breakpoints)e+="\n                    @media screen and (max-width: ".concat(r,") {\n                        .p-overlaypanel[").concat(b.current,"] {\n                            width: ").concat(s.breakpoints[r]," !important;\n                        }\n                    }\n                ");S.current.innerHTML=e}};n.useMountEffect((function(){b.current=u.UniqueComponentId(),s.breakpoints&&L()})),n.useUnmountEffect((function(){S.current=u.DomHandler.removeInlineStyle(S.current),P.current&&(o.OverlayService.off("overlay-click",P.current),P.current=null),u.ZIndexUtils.clear(O.current)})),p.useImperativeHandle(c,(function(){return{props:s,toggle:q,show:H,hide:N,getElement:function(){return O.current}}}));var Z,z,B,J,X=function(){var e=u.mergeProps({className:"p-overlaypanel-close-icon","aria-hidden":!0},v("closeIcon")),t=u.IconUtils.getJSXIcon(s.closeIcon||p.createElement(a.TimesIcon,e),I({},e),{props:s}),n=s.ariaCloseLabel||r.localeOption("close"),o=u.mergeProps({type:"button",className:"p-overlaypanel-close p-link",onClick:function(e){return r=e,N(),void r.preventDefault();var r},"aria-label":n},v("closeButton"));return s.showCloseIcon?p.createElement("button",o,t,p.createElement(i.Ripple,null)):null},Y=(Z=u.classNames("p-overlaypanel p-component",s.className,{"p-input-filled":"filled"===m.default.inputStyle,"p-ripple-disabled":!1===m.default.ripple}),z=X(),B=u.mergeProps({id:s.id,ref:O,className:Z,style:s.style,onClick:function(e){return r=e,h.current=!0,void o.OverlayService.emit("overlay-click",{originalEvent:r,target:g.current});var r}},w.getOtherProps(s),v("root")),J=u.mergeProps({className:"p-overlaypanel-content",onClick:function(e){return C()},onMouseDown:C},w.getOtherProps(s),v("content")),p.createElement(t.CSSTransition,{nodeRef:O,classNames:"p-overlaypanel",in:y,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:R,onEntered:A,onExit:M,onExited:U},p.createElement("div",B,p.createElement("div",J,s.children),z)));return p.createElement(l.Portal,{element:Y,appendTo:s.appendTo})}));k.displayName="OverlayPanel",exports.OverlayPanel=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/icons/times"),l=require("primereact/overlayservice"),i=require("primereact/portal"),u=require("primereact/ripple"),c=require("primereact/utils"),a=require("primereact/componentbase");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 p=f(e),m=s(r);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 d(e,r){if("object"!==y(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function v(e){var r=d(e,"string");return"symbol"===y(r)?r:String(r)}function b(e,r,t){return(r=v(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function O(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,l,i,u=[],c=!0,a=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(a)throw o}}return u}}function h(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 S(e,r){if(e){if("string"==typeof e)return h(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)?h(e,r):void 0}}function P(){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 j(e,r){return O(e)||g(e,r)||S(e,r)||P()}var w=a.ComponentBase.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0}});function E(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function I(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?E(Object(t),!0).forEach((function(r){b(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var x=p.forwardRef((function(e,a){var s=p.useContext(r.PrimeReactContext),f=w.getProps(e,s),y=j(p.useState(!1),2),d=y[0],v=y[1],b=w.setMetaData({props:f,state:{visible:d}}).ptm,O=p.useRef(""),g=p.useRef(null),h=p.useRef(null),S=p.useRef(!1),P=p.useRef(null),E=p.useRef(null),x=j(n.useOverlayListener({target:h,overlay:g,listener:function(e,r){r.valid&&("outside"===r.type?f.dismissable&&!S.current&&R():R()),S.current=!1},when:d}),2),k=x[0],C=x[1],D=function(e){return g&&g.current&&!(g.current.isSameNode(e)||g.current.contains(e))},T=function(e,r){return null!=h.current&&h.current!==(r||e.currentTarget||e.target)},q=function(){S.current=!0},H=function(e,r){d?(R(),T(e,r)&&(h.current=r||e.currentTarget||e.target,setTimeout((function(){N(e,h.current)}),200))):N(e,r)},N=function(e,r){h.current=r||e.currentTarget||e.target,d?L():(v(!0),E.current=function(e){!D(e.target)&&(S.current=!0)},l.OverlayService.on("overlay-click",E.current))},R=function(){v(!1),l.OverlayService.off("overlay-click",E.current),E.current=null},A=function(){g.current.setAttribute(O.current,""),c.ZIndexUtils.set("overlay",g.current,s&&s.autoZIndex||m.default.autoZIndex,s&&s.zIndex.overlay||m.default.zIndex.overlay),L()},M=function(){k(),f.onShow&&f.onShow()},U=function(){C()},_=function(){c.ZIndexUtils.clear(g.current),f.onHide&&f.onHide()},L=function(){if(h.current&&g.current){c.DomHandler.absolutePosition(g.current,h.current);var e=c.DomHandler.getOffset(g.current),r=c.DomHandler.getOffset(h.current),t=0;e.left<r.left&&(t=r.left-e.left),g.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&c.DomHandler.addClass(g.current,"p-overlaypanel-flipped")}},Z=function(){if(!P.current){P.current=c.DomHandler.createInlineStyle(s&&s.nonce||m.default.nonce);var e="";for(var r in f.breakpoints)e+="\n                    @media screen and (max-width: ".concat(r,") {\n                        .p-overlaypanel[").concat(O.current,"] {\n                            width: ").concat(f.breakpoints[r]," !important;\n                        }\n                    }\n                ");P.current.innerHTML=e}};n.useMountEffect((function(){O.current=c.UniqueComponentId(),f.breakpoints&&Z()})),n.useUnmountEffect((function(){P.current=c.DomHandler.removeInlineStyle(P.current),E.current&&(l.OverlayService.off("overlay-click",E.current),E.current=null),c.ZIndexUtils.clear(g.current)})),p.useImperativeHandle(a,(function(){return{props:f,toggle:H,show:N,hide:R,getElement:function(){return g.current}}}));var z,B,J,X,Y=function(){var e=c.mergeProps({className:"p-overlaypanel-close-icon","aria-hidden":!0},b("closeIcon")),t=c.IconUtils.getJSXIcon(f.closeIcon||p.createElement(o.TimesIcon,e),I({},e),{props:f}),n=f.ariaCloseLabel||r.localeOption("close"),l=c.mergeProps({type:"button",className:"p-overlaypanel-close p-link",onClick:function(e){return r=e,R(),void r.preventDefault();var r},"aria-label":n},b("closeButton"));return f.showCloseIcon?p.createElement("button",l,t,p.createElement(u.Ripple,null)):null},$=(z=c.classNames("p-overlaypanel p-component",f.className,{"p-input-filled":s&&"filled"===s.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":s&&!1===s.ripple||!1===m.default.ripple}),B=Y(),J=c.mergeProps({id:f.id,ref:g,className:z,style:f.style,onClick:function(e){return r=e,S.current=!0,void l.OverlayService.emit("overlay-click",{originalEvent:r,target:h.current});var r}},w.getOtherProps(f),b("root")),X=c.mergeProps({className:"p-overlaypanel-content",onClick:function(e){return q()},onMouseDown:q},w.getOtherProps(f),b("content")),p.createElement(t.CSSTransition,{nodeRef:g,classNames:"p-overlaypanel",in:d,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:A,onEntered:M,onExit:U,onExited:_},p.createElement("div",J,p.createElement("div",X,f.children),B)));return p.createElement(i.Portal,{element:$,appendTo:f.appendTo})}));x.displayName="OverlayPanel",exports.OverlayPanel=x;

package/overlaypanel/overlaypanel.d.ts

@@ -115,6 +115,11 @@ export interface OverlayPanelProps extends Omit<React.DetailedHTMLProps<React.HT
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {OverlayPanelPassThroughOptions}
+     */
+    pt?: OverlayPanelPassThroughOptions;
 }
 
 /**

package/overlaypanel/overlaypanel.esm.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import PrimeReact, { localeOption } from 'primereact/api';
+import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
+import { TimesIcon } from 'primereact/icons/times';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
 import { UniqueComponentId, DomHandler, ZIndexUtils, classNames, mergeProps, IconUtils } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
-import { TimesIcon } from 'primereact/icons/times';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -127,7 +127,8 @@ var OverlayPanelBase = ComponentBase.extend({
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = OverlayPanelBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = OverlayPanelBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -213,7 +214,7 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var onEnter = function onEnter() {
     overlayRef.current.setAttribute(attributeSelector.current, '');
-    ZIndexUtils.set('overlay', overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+    ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['overlay'] || PrimeReact.zIndex['overlay']);
     align();
   };
   var onEntered = function onEntered() {
@@ -244,7 +245,7 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var createStyle = function createStyle() {
     if (!styleElement.current) {
-      styleElement.current = DomHandler.createInlineStyle(PrimeReact.nonce);
+      styleElement.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.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                ");
@@ -302,8 +303,8 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var createElement = function createElement() {
     var className = classNames('p-overlaypanel p-component', props.className, {
-      'p-input-filled': PrimeReact.inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact.ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
     });
     var closeIcon = createCloseIcon();
     var rootProps = mergeProps({

package/overlaypanel/overlaypanel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import r,{localeOption as t}from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as o,useMountEffect as i,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as c}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import{Ripple as a}from"primereact/ripple";import{UniqueComponentId as s,DomHandler as p,ZIndexUtils as f,classNames as m,mergeProps as y,IconUtils as v}from"primereact/utils";import{ComponentBase as d}from"primereact/componentbase";import{TimesIcon as b}from"primereact/icons/times";function g(e){return g="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},g(e)}function O(e,r){if("object"!==g(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function h(e){var r=O(e,"string");return"symbol"===g(r)?r:String(r)}function w(e,r,t){return(r=h(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function S(e){if(Array.isArray(e))return e}function P(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,c=[],u=!0,a=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=i.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){a=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(a)throw o}}return c}}function j(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 E(e,r){if(e){if("string"==typeof e)return j(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)?j(e,r):void 0}}function k(){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 I(e,r){return S(e)||P(e,r)||E(e,r)||k()}var x=d.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0}});function T(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function N(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?T(Object(t),!0).forEach((function(r){w(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var C=e.forwardRef((function(d,g){var O=x.getProps(d),h=I(e.useState(!1),2),w=h[0],S=h[1],P=x.setMetaData({props:O,state:{visible:w}}).ptm,j=e.useRef(""),E=e.useRef(null),k=e.useRef(null),T=e.useRef(!1),C=e.useRef(null),A=e.useRef(null),R=I(o({target:k,overlay:E,listener:function(e,r){r.valid&&("outside"===r.type?O.dismissable&&!T.current&&J():J()),T.current=!1},when:w}),2),D=R[0],H=R[1],L=function(e){return E&&E.current&&!(E.current.isSameNode(e)||E.current.contains(e))},M=function(e,r){return null!=k.current&&k.current!==(r||e.currentTarget||e.target)},_=function(){T.current=!0},z=function(e,r){w?(J(),M(e,r)&&(k.current=r||e.currentTarget||e.target,setTimeout((function(){B(e,k.current)}),200))):B(e,r)},B=function(e,r){k.current=r||e.currentTarget||e.target,w?$():(S(!0),A.current=function(e){!L(e.target)&&(T.current=!0)},c.on("overlay-click",A.current))},J=function(){S(!1),c.off("overlay-click",A.current),A.current=null},U=function(){E.current.setAttribute(j.current,""),f.set("overlay",E.current,r.autoZIndex,r.zIndex.overlay),$()},X=function(){D(),O.onShow&&O.onShow()},Y=function(){H()},Z=function(){f.clear(E.current),O.onHide&&O.onHide()},$=function(){if(k.current&&E.current){p.absolutePosition(E.current,k.current);var e=p.getOffset(E.current),r=p.getOffset(k.current),t=0;e.left<r.left&&(t=r.left-e.left),E.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&p.addClass(E.current,"p-overlaypanel-flipped")}},q=function(){if(!C.current){C.current=p.createInlineStyle(r.nonce);var e="";for(var t in O.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(j.current,"] {\n                            width: ").concat(O.breakpoints[t]," !important;\n                        }\n                    }\n                ");C.current.innerHTML=e}};i((function(){j.current=s(),O.breakpoints&&q()})),l((function(){C.current=p.removeInlineStyle(C.current),A.current&&(c.off("overlay-click",A.current),A.current=null),f.clear(E.current)})),e.useImperativeHandle(g,(function(){return{props:O,toggle:z,show:B,hide:J,getElement:function(){return E.current}}}));var F,G,K,Q,V=function(){var r=y({className:"p-overlaypanel-close-icon","aria-hidden":!0},P("closeIcon")),n=v.getJSXIcon(O.closeIcon||e.createElement(b,r),N({},r),{props:O}),o=O.ariaCloseLabel||t("close"),i=y({type:"button",className:"p-overlaypanel-close p-link",onClick:function(e){return r=e,J(),void r.preventDefault();var r},"aria-label":o},P("closeButton"));return O.showCloseIcon?e.createElement("button",i,n,e.createElement(a,null)):null},W=(F=m("p-overlaypanel p-component",O.className,{"p-input-filled":"filled"===r.inputStyle,"p-ripple-disabled":!1===r.ripple}),G=V(),K=y({id:O.id,ref:E,className:F,style:O.style,onClick:function(e){return r=e,T.current=!0,void c.emit("overlay-click",{originalEvent:r,target:k.current});var r}},x.getOtherProps(O),P("root")),Q=y({className:"p-overlaypanel-content",onClick:function(e){return _()},onMouseDown:_},x.getOtherProps(O),P("content")),e.createElement(n,{nodeRef:E,classNames:"p-overlaypanel",in:w,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:U,onEntered:X,onExit:Y,onExited:Z},e.createElement("div",K,e.createElement("div",Q,O.children),G)));return e.createElement(u,{element:W,appendTo:O.appendTo})}));C.displayName="OverlayPanel";export{C as OverlayPanel};
+import*as e from"react";import r,{PrimeReactContext as t,localeOption as n}from"primereact/api";import{CSSTransition as o}from"primereact/csstransition";import{useOverlayListener as i,useMountEffect as l,useUnmountEffect as c}from"primereact/hooks";import{TimesIcon as u}from"primereact/icons/times";import{OverlayService as a}from"primereact/overlayservice";import{Portal as s}from"primereact/portal";import{Ripple as p}from"primereact/ripple";import{UniqueComponentId as f,DomHandler as m,ZIndexUtils as y,classNames as d,mergeProps as v,IconUtils as b}from"primereact/utils";import{ComponentBase as g}from"primereact/componentbase";function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function h(e,r){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==O(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function w(e){var r=h(e,"string");return"symbol"===O(r)?r:String(r)}function S(e,r,t){return(r=w(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function P(e){if(Array.isArray(e))return e}function j(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,c=[],u=!0,a=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=i.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){a=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(a)throw o}}return c}}function E(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 I(e,r){if(e){if("string"==typeof e)return E(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)?E(e,r):void 0}}function k(){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 x(e,r){return P(e)||j(e,r)||I(e,r)||k()}var T=g.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0}});function C(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function N(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?C(Object(t),!0).forEach((function(r){S(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var A=e.forwardRef((function(g,O){var h=e.useContext(t),w=T.getProps(g,h),S=x(e.useState(!1),2),P=S[0],j=S[1],E=T.setMetaData({props:w,state:{visible:P}}).ptm,I=e.useRef(""),k=e.useRef(null),C=e.useRef(null),A=e.useRef(!1),R=e.useRef(null),D=e.useRef(null),H=x(i({target:C,overlay:k,listener:function(e,r){r.valid&&("outside"===r.type?w.dismissable&&!A.current&&U():U()),A.current=!1},when:P}),2),L=H[0],M=H[1],z=function(e){return k&&k.current&&!(k.current.isSameNode(e)||k.current.contains(e))},Z=function(e,r){return null!=C.current&&C.current!==(r||e.currentTarget||e.target)},_=function(){A.current=!0},B=function(e,r){P?(U(),Z(e,r)&&(C.current=r||e.currentTarget||e.target,setTimeout((function(){J(e,C.current)}),200))):J(e,r)},J=function(e,r){C.current=r||e.currentTarget||e.target,P?F():(j(!0),D.current=function(e){!z(e.target)&&(A.current=!0)},a.on("overlay-click",D.current))},U=function(){j(!1),a.off("overlay-click",D.current),D.current=null},X=function(){k.current.setAttribute(I.current,""),y.set("overlay",k.current,h&&h.autoZIndex||r.autoZIndex,h&&h.zIndex.overlay||r.zIndex.overlay),F()},Y=function(){L(),w.onShow&&w.onShow()},$=function(){M()},q=function(){y.clear(k.current),w.onHide&&w.onHide()},F=function(){if(C.current&&k.current){m.absolutePosition(k.current,C.current);var e=m.getOffset(k.current),r=m.getOffset(C.current),t=0;e.left<r.left&&(t=r.left-e.left),k.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&m.addClass(k.current,"p-overlaypanel-flipped")}},G=function(){if(!R.current){R.current=m.createInlineStyle(h&&h.nonce||r.nonce);var e="";for(var t in w.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(I.current,"] {\n                            width: ").concat(w.breakpoints[t]," !important;\n                        }\n                    }\n                ");R.current.innerHTML=e}};l((function(){I.current=f(),w.breakpoints&&G()})),c((function(){R.current=m.removeInlineStyle(R.current),D.current&&(a.off("overlay-click",D.current),D.current=null),y.clear(k.current)})),e.useImperativeHandle(O,(function(){return{props:w,toggle:B,show:J,hide:U,getElement:function(){return k.current}}}));var K,Q,V,W,ee=function(){var r=v({className:"p-overlaypanel-close-icon","aria-hidden":!0},E("closeIcon")),t=b.getJSXIcon(w.closeIcon||e.createElement(u,r),N({},r),{props:w}),o=w.ariaCloseLabel||n("close"),i=v({type:"button",className:"p-overlaypanel-close p-link",onClick:function(e){return r=e,U(),void r.preventDefault();var r},"aria-label":o},E("closeButton"));return w.showCloseIcon?e.createElement("button",i,t,e.createElement(p,null)):null},re=(K=d("p-overlaypanel p-component",w.className,{"p-input-filled":h&&"filled"===h.inputStyle||"filled"===r.inputStyle,"p-ripple-disabled":h&&!1===h.ripple||!1===r.ripple}),Q=ee(),V=v({id:w.id,ref:k,className:K,style:w.style,onClick:function(e){return r=e,A.current=!0,void a.emit("overlay-click",{originalEvent:r,target:C.current});var r}},T.getOtherProps(w),E("root")),W=v({className:"p-overlaypanel-content",onClick:function(e){return _()},onMouseDown:_},T.getOtherProps(w),E("content")),e.createElement(o,{nodeRef:k,classNames:"p-overlaypanel",in:P,timeout:{enter:120,exit:100},options:w.transitionOptions,unmountOnExit:!0,onEnter:X,onEntered:Y,onExit:$,onExited:q},e.createElement("div",V,e.createElement("div",W,w.children),Q)));return e.createElement(s,{element:re,appendTo:w.appendTo})}));A.displayName="OverlayPanel";export{A as OverlayPanel};