primereact 10.9.6 → 10.9.8

package/organizationchart/organizationchart.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{classNames as l,IconUtils as i,ObjectUtils as a,DomHandler as c}from"primereact/utils";import{ChevronDownIcon as s}from"primereact/icons/chevrondown";import{ChevronUpIcon as d}from"primereact/icons/chevronup";function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function p(e){if(Array.isArray(e))return u(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,n){if(e){if("string"==typeof e)return u(e,n);var t={}.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)?u(e,n):void 0}}function f(){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 h=t.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},css:{classes:{root:"p-organizationchart p-component",table:"p-organizationchart-table",node:function(e){var n=e.node;return l("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.nodeProps.selectionMode&&!1!==n.selectable,"p-highlight":e.selected},n.className)},nodes:"p-organizationchart-nodes",lines:"p-organizationchart-lines",lineLeft:function(e){return l("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==e.index})},lineRight:function(e){return l("p-organizationchart-line-right",{"p-organizationchart-line-top":e.index!==e.nodeChildLength-1})},lineDown:"p-organizationchart-line-down",nodeTogglerIcon:"p-node-toggler-icon",nodeToggler:"p-node-toggler"},styles:"\n@layer primereact {\n    .p-organizationchart-table {\n        border-spacing: 0;\n        border-collapse: separate;\n        margin: 0 auto;\n    }\n    \n    .p-organizationchart-table > tbody > tr > td {\n        text-align: center;\n        vertical-align: top;\n        padding: 0 .75rem;\n    }\n    \n    .p-organizationchart-node-content {\n        display: inline-block;\n        position: relative;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler {\n        position: absolute;\n        bottom: -.75rem;\n        margin-left: -.75rem;\n        z-index: 2;\n        left: 50%;\n        user-select: none;\n        cursor: pointer;\n        width: 1.5rem;\n        height: 1.5rem;\n        text-decoration: none;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n        position: relative;\n        top: .25rem;\n    }\n    \n    .p-organizationchart-line-down {\n        margin: 0 auto;\n        height: 20px;\n        width: 1px;\n    }\n    \n    .p-organizationchart-line-right {\n        border-radius: 0px;\n    }\n    \n     .p-organizationchart-line-left {\n        border-radius: 0;\n    }\n    \n    .p-organizationchart-selectable-node {\n        cursor: pointer;\n    }\n}\n"}});function y(){return y=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},y.apply(null,arguments)}function b(e){return b="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},b(e)}function v(e,n){if("object"!=b(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function E(e){var n=v(e,"string");return"symbol"==b(n)?n:n+""}function S(e,n,t){return(n=E(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function w(){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,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?x(Object(t),!0).forEach((function(n){S(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=e.memo((function(n){var t,r,l,c,u,p,m,f,h,b,v,E,S=o(),x=n.node,j=e.useState(x.expanded),I=(r=2,N(t=j)||O(t,r)||g(t,r)||w()),P=I[0],T=I[1],M=!1!==x.leaf&&!(x.children&&x.children.length),D=x.children&&x.children.length?2*x.children.length:null,k=n.isSelected(x),A=!M&&P?"inherit":"hidden",U=n.ptm,L=n.cx,R=n.sx,_=function(e,t){return U(e,z({hostName:n.hostName},t))},J=function(e){return _(e,{state:{expanded:P},context:{selected:n.isSelected(x)}})},X=function(e,n){return _(n,{context:{lineTop:e}})},H=function(e,t){n.onNodeClick(e,t)},K=function(e,n){T((function(e){return!e})),e.preventDefault()},Y=function(){if(!M){var t=S({className:L("nodeTogglerIcon")},_("nodeTogglerIcon")),r=i.getJSXIcon(P?n.togglerIcon||e.createElement(s,t):n.togglerIcon||e.createElement(d,t),z({},t),{props:n}),o=S({className:L("nodeToggler"),tabIndex:0,onKeyDown:function(e){var n;"Enter"!==(n=e).code&&"NumpadEnter"!==n.code&&"Space"!==n.code||(K(n),n.preventDefault())},onClick:function(e){return K(e)},href:"#"},J("nodeToggler"));return e.createElement("a",o,e.createElement("i",null," ",r," "))}return null},$=function(){var t=n.nodeTemplate&&a.getJSXElement(n.nodeTemplate,x)||x.label;return e.createElement("div",null,t)},q=(l=$(),c=Y(),u=S({colSpan:D},_("cell")),p=S({className:L("node",{selected:k,node:x,nodeProps:n}),style:x.style,onClick:function(e){return H(e,x)}},J("node")),m=S(_("row")),e.createElement("tr",m,e.createElement("td",u,e.createElement("div",p,l,c)))),B=(f=S({className:L("lines"),style:{visibility:A}},_("lines")),h=S({colSpan:D},_("lineCell")),b=S({className:L("lineDown")},_("lineDown")),e.createElement("tr",f,e.createElement("td",h,e.createElement("div",b)))),F=function(){var n=x.children&&x.children.length,t=S({className:L("lines"),style:{visibility:A}},_("lines")),r=S({colSpan:D},_("lineCell")),o=S({className:L("lineDown")},_("lineDown"));return e.createElement("tr",t,x.children&&1===x.children.length&&e.createElement("td",r,e.createElement("div",o)),x.children&&x.children.length>1&&x.children.map((function(t,r){var o=S({className:L("lineLeft",{index:r})},X(0!==r,"lineLeft")),l=S({className:L("lineRight",{index:r,nodeChildLength:n})},X(r!==n-1,"lineRight"));return[e.createElement("td",y({key:r+"_lineleft"},o)," "),e.createElement("td",y({key:r+"_lineright"},l)," ")]})))}(),G=(v=S({className:L("nodes"),style:{visibility:A}},_("nodes")),E=S({colSpan:"2"},_("nodeCell")),e.createElement("tr",v,x.children&&x.children.map((function(t,r){return e.createElement("td",y({key:r},E),e.createElement(C,{node:t,nodeTemplate:n.nodeTemplate,selectionMode:n.selectionMode,onNodeClick:n.onNodeClick,isSelected:n.isSelected,togglerIcon:n.togglerIcon,ptm:U,cx:L,sx:R}))})))),Q=S({className:L("table")},_("table"));return e.createElement("table",Q,e.createElement("tbody",null,q,B,F,G))}));C.displayName="OrganizationChartNode";var j=e.memo(e.forwardRef((function(t,i){var a=o(),s=e.useContext(n),d=h.getProps(t,s),u=h.setMetaData({props:d}),y=u.ptm,b=u.cx,v=u.sx;r(h.css.styles,u.isUnstyled,{name:"orgchart"});var E=e.useRef(null),S=d.value&&d.value.length?d.value[0]:null,N=function(e){if(d.selectionMode&&d.selection){if("single"===d.selectionMode)return d.selection===e?0:-1;if("multiple"===d.selectionMode)return d.selection.findIndex((function(n){return n===e}))}return-1};e.useImperativeHandle(i,(function(){return{props:d,getElement:function(){return E.current}}}));var O=a({id:d.id,ref:E,style:d.style,className:l(d.className,b("root"))},h.getOtherProps(d),y("root"));return e.createElement("div",O,e.createElement(C,{hostName:"OrganizationChart",node:S,nodeTemplate:d.nodeTemplate,selectionMode:d.selectionMode,onNodeClick:function(e,n){if(d.selectionMode){var t=e.target;if(!1===n.selectable||c.hasClass(t,"p-node-toggler")||c.hasClass(t,"p-node-toggler-icon"))return;var r,o=N(n),l=o>=0;"single"===d.selectionMode?l?(r=null,d.onNodeUnselect&&d.onNodeUnselect({originalEvent:e,node:n})):(r=n,d.onNodeSelect&&d.onNodeSelect({originalEvent:e,node:n})):"multiple"===d.selectionMode&&(l?(r=d.selection.filter((function(e,n){return n!==o})),d.onNodeUnselect&&d.onNodeUnselect({originalEvent:e,node:n})):(r=[].concat(p(i=d.selection||[])||m(i)||g(i)||f(),[n]),d.onNodeSelect&&d.onNodeSelect({originalEvent:e,node:n}))),d.onSelectionChange&&d.onSelectionChange({originalEvent:e,data:r})}var i},isSelected:function(e){return-1!==N(e)},togglerIcon:d.togglerIcon,ptm:y,cx:b,sx:v}))})));j.displayName="OrganizationChart";export{j as OrganizationChart};
+import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{classNames as l,IconUtils as i,ObjectUtils as a,DomHandler as c}from"primereact/utils";import{ChevronDownIcon as s}from"primereact/icons/chevrondown";import{ChevronUpIcon as u}from"primereact/icons/chevronup";function d(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function p(e){if(Array.isArray(e))return d(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,n){if(e){if("string"==typeof e)return d(e,n);var t={}.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)?d(e,n):void 0}}function f(){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 h=t.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},css:{classes:{root:"p-organizationchart p-component",table:"p-organizationchart-table",node:function(e){var n=e.node;return l("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.nodeProps.selectionMode&&!1!==n.selectable,"p-highlight":e.selected},n.className)},nodes:"p-organizationchart-nodes",lines:"p-organizationchart-lines",lineLeft:function(e){return l("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==e.index})},lineRight:function(e){return l("p-organizationchart-line-right",{"p-organizationchart-line-top":e.index!==e.nodeChildLength-1})},lineDown:"p-organizationchart-line-down",nodeTogglerIcon:"p-node-toggler-icon",nodeToggler:"p-node-toggler"},styles:"\n@layer primereact {\n    .p-organizationchart-table {\n        border-spacing: 0;\n        border-collapse: separate;\n        margin: 0 auto;\n    }\n    \n    .p-organizationchart-table > tbody > tr > td {\n        text-align: center;\n        vertical-align: top;\n        padding: 0 .75rem;\n    }\n    \n    .p-organizationchart-node-content {\n        display: inline-block;\n        position: relative;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler {\n        position: absolute;\n        bottom: -.75rem;\n        margin-left: -.75rem;\n        z-index: 2;\n        left: 50%;\n        user-select: none;\n        cursor: pointer;\n        width: 1.5rem;\n        height: 1.5rem;\n        text-decoration: none;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n        position: relative;\n        top: .25rem;\n    }\n    \n    .p-organizationchart-line-down {\n        margin: 0 auto;\n        height: 20px;\n        width: 1px;\n    }\n    \n    .p-organizationchart-line-right {\n        border-radius: 0px;\n    }\n    \n     .p-organizationchart-line-left {\n        border-radius: 0;\n    }\n    \n    .p-organizationchart-selectable-node {\n        cursor: pointer;\n    }\n}\n"}});function y(){return y=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},y.apply(null,arguments)}function b(e){return b="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},b(e)}function v(e,n){if("object"!=b(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function E(e){var n=v(e,"string");return"symbol"==b(n)?n:n+""}function S(e,n,t){return(n=E(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function O(){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 w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach(function(n){S(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var j=function(e,n){for(var t=[],r=0;r<e.length;r+=n)t.push(e.slice(r,r+n));return t},C=e.memo(function(n){var t,r,l,c,d,p,m,f=o(),h=n.node,b=e.useState(h.expanded),v=(r=2,N(t=b)||x(t,r)||g(t,r)||O()),E=v[0],S=v[1],w=!1!==h.leaf&&!(h.children&&h.children.length),I=n.isSelected(h),P=!w&&E?"inherit":"hidden",T=n.ptm,k=n.cx,M=n.sx,D=function(e,t){return T(e,z({hostName:n.hostName},t))},A=function(e){return D(e,{state:{expanded:E},context:{selected:n.isSelected(h)}})},U=function(e,n){return D(n,{context:{lineTop:e}})},L=function(e,t){n.onNodeClick(e,t)},R=function(e,n){S(function(e){return!e}),e.preventDefault()},F=function(){if(!w){var t=f({className:k("nodeTogglerIcon")},D("nodeTogglerIcon")),r=i.getJSXIcon(E?n.togglerIcon||e.createElement(s,t):n.togglerIcon||e.createElement(u,t),z({},t),{props:n}),o=f({className:k("nodeToggler"),tabIndex:0,onKeyDown:function(e){var n;"Enter"!==(n=e).code&&"NumpadEnter"!==n.code&&"Space"!==n.code||(R(n),n.preventDefault())},onClick:function(e){return R(e)},href:"#"},A("nodeToggler"));return e.createElement("a",o,e.createElement("i",null," ",r," "))}return null},J=function(){var t=n.nodeTemplate&&a.getJSXElement(n.nodeTemplate,h)||h.label;return e.createElement("div",null,t)},X=(l=J(),c=F(),d=f({colSpan:h.children&&h.children.length?2*Math.min(h.children.length,10):2},D("cell")),p=f({className:k("node",{selected:I,node:h,nodeProps:n}),style:h.style,onClick:function(e){return L(e,h)}},A("node")),m=f(D("row")),e.createElement("tr",m,e.createElement("td",d,e.createElement("div",p,l,c)))),_=f({className:k("table")},D("table"));return e.createElement("table",_,e.createElement("tbody",null,X,h.children&&!1!==h.expanded?j(h.children,10).map(function(t,r){return e.createElement(e.Fragment,{key:r},h.children&&!1!==h.expanded?j(h.children,10).map(function(n,t){var r=2*n.length,o=f({className:k("lines"),style:{visibility:P}},D("lines")),l=f({colSpan:r},D("lineCell")),i=f({className:k("lineDown")},D("lineDown"));return e.createElement("tr",y({},o,{key:t}),e.createElement("td",l,e.createElement("div",i)))}):null,h.children&&!1!==h.expanded?j(h.children,10).map(function(n,t){var r=n.length,o=f({className:k("lines"),style:{visibility:P}},D("lines"));return e.createElement("tr",y({},o,{key:t}),n.map(function(n,t){var o=f({className:k("lineLeft",{index:t})},U(0!==t,"lineLeft")),l=f({className:k("lineRight",{index:t,nodeChildLength:r})},U(t!==r-1,"lineRight"));return e.createElement(e.Fragment,{key:t},e.createElement("td",o," "),e.createElement("td",l," "))}))}):null,h.children&&!1!==h.expanded?j(h.children,10).map(function(t,r){var o=f({className:k("nodes"),style:{visibility:P}},D("nodes")),l=f({colSpan:"2"},D("nodeCell"));return e.createElement("tr",y({},o,{key:r}),t.map(function(t,r){return e.createElement("td",y({key:r},l),e.createElement(C,{node:t,nodeTemplate:n.nodeTemplate,selectionMode:n.selectionMode,onNodeClick:n.onNodeClick,isSelected:n.isSelected,togglerIcon:n.togglerIcon,ptm:T,cx:k,sx:M}))}))}):null)}):null))});C.displayName="OrganizationChartNode";var I=e.memo(e.forwardRef(function(t,i){var a=o(),s=e.useContext(n),u=h.getProps(t,s),d=h.setMetaData({props:u}),y=d.ptm,b=d.cx,v=d.sx;r(h.css.styles,d.isUnstyled,{name:"orgchart"});var E=e.useRef(null),S=u.value&&u.value.length?u.value[0]:null,N=function(e){if(u.selectionMode&&u.selection){if("single"===u.selectionMode)return u.selection===e?0:-1;if("multiple"===u.selectionMode)return u.selection.findIndex(function(n){return n===e})}return-1};e.useImperativeHandle(i,function(){return{props:u,getElement:function(){return E.current}}});var x=a({id:u.id,ref:E,style:u.style,className:l(u.className,b("root"))},h.getOtherProps(u),y("root"));return e.createElement("div",x,e.createElement(C,{hostName:"OrganizationChart",node:S,nodeTemplate:u.nodeTemplate,selectionMode:u.selectionMode,onNodeClick:function(e,n){if(u.selectionMode){var t=e.target;if(!1===n.selectable||c.hasClass(t,"p-node-toggler")||c.hasClass(t,"p-node-toggler-icon"))return;var r,o=N(n),l=o>=0;"single"===u.selectionMode?l?(r=null,u.onNodeUnselect&&u.onNodeUnselect({originalEvent:e,node:n})):(r=n,u.onNodeSelect&&u.onNodeSelect({originalEvent:e,node:n})):"multiple"===u.selectionMode&&(l?(r=u.selection.filter(function(e,n){return n!==o}),u.onNodeUnselect&&u.onNodeUnselect({originalEvent:e,node:n})):(r=[].concat(p(i=u.selection||[])||m(i)||g(i)||f(),[n]),u.onNodeSelect&&u.onNodeSelect({originalEvent:e,node:n}))),u.onSelectionChange&&u.onSelectionChange({originalEvent:e,data:r})}var i},isSelected:function(e){return-1!==N(e)},togglerIcon:u.togglerIcon,ptm:y,cx:b,sx:v}))}));I.displayName="OrganizationChart";export{I as OrganizationChart};

package/organizationchart/organizationchart.js

@@ -193,6 +193,14 @@ this.primereact.organizationchart = (function (exports, React, api, componentbas
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var chunkArray = function chunkArray(array, size) {
+    var result = [];
+    for (var i = 0; i < array.length; i += size) {
+      result.push(array.slice(i, i + size));
+    }
+    return result;
+  };
+  var MAX_CHILDREN_PER_ROW = 10;
   var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props) {
     var mergeProps = hooks.useMergeProps();
     var node = props.node;
@@ -201,7 +209,6 @@ this.primereact.organizationchart = (function (exports, React, api, componentbas
       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 ptm = props.ptm,
@@ -244,79 +251,97 @@ this.primereact.organizationchart = (function (exports, React, api, componentbas
         event.preventDefault();
       }
     };
-    var createChildNodes = function createChildNodes() {
-      var nodesProps = mergeProps({
-        className: cx('nodes'),
-        style: {
-          visibility: visibility
-        }
-      }, _ptm('nodes'));
-      var nodeCellProps = mergeProps({
-        colSpan: '2'
-      }, _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,
-          ptm: ptm,
-          cx: cx,
-          sx: sx
+    var createChildNodes = function createChildNodes(row) {
+      if (!node.children || node.expanded === false) {
+        return null;
+      }
+      var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+      return rows.map(function (row, rowIndex) {
+        row.length * 2;
+        var nodesProps = mergeProps({
+          className: cx('nodes'),
+          style: {
+            visibility: visibility
+          }
+        }, _ptm('nodes'));
+        var nodeCellProps = mergeProps({
+          colSpan: '2'
+        }, _ptm('nodeCell'));
+        return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, nodesProps, {
+          key: rowIndex
+        }), row.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,
+            ptm: ptm,
+            cx: cx,
+            sx: sx
+          }));
         }));
-      }));
+      });
     };
-    var createLinesMiddle = function createLinesMiddle() {
-      var nodeChildLength = node.children && node.children.length;
-      var linesProps = mergeProps({
-        className: cx('lines'),
-        style: {
-          visibility: visibility
-        }
-      }, _ptm('lines'));
-      var lineCellProps = mergeProps({
-        colSpan: colspan
-      }, _ptm('lineCell'));
-      var lineDownProps = mergeProps({
-        className: cx('lineDown')
-      }, _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 lineLeftProps = mergeProps({
-          className: cx('lineLeft', {
-            index: index
-          })
-        }, getNodePTOptions(index !== 0, 'lineLeft'));
-        var lineRightProps = mergeProps({
-          className: cx('lineRight', {
-            index: index,
-            nodeChildLength: nodeChildLength
-          })
-        }, getNodePTOptions(index !== nodeChildLength - 1, 'lineRight'));
-        return [/*#__PURE__*/React__namespace.createElement("td", _extends({
-          key: index + '_lineleft'
-        }, lineLeftProps), "\xA0"), /*#__PURE__*/React__namespace.createElement("td", _extends({
-          key: index + '_lineright'
-        }, lineRightProps), "\xA0")];
-      }));
+    var createLinesMiddle = function createLinesMiddle(row) {
+      if (!node.children || node.expanded === false) {
+        return null;
+      }
+      var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+      return rows.map(function (row, rowIndex) {
+        var nodeChildLength = row.length;
+        var linesProps = mergeProps({
+          className: cx('lines'),
+          style: {
+            visibility: visibility
+          }
+        }, _ptm('lines'));
+        return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, linesProps, {
+          key: rowIndex
+        }), row.map(function (_, index) {
+          var lineLeftProps = mergeProps({
+            className: cx('lineLeft', {
+              index: index
+            })
+          }, getNodePTOptions(index !== 0, 'lineLeft'));
+          var lineRightProps = mergeProps({
+            className: cx('lineRight', {
+              index: index,
+              nodeChildLength: nodeChildLength
+            })
+          }, getNodePTOptions(index !== nodeChildLength - 1, 'lineRight'));
+          return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+            key: index
+          }, /*#__PURE__*/React__namespace.createElement("td", lineLeftProps, "\xA0"), /*#__PURE__*/React__namespace.createElement("td", lineRightProps, "\xA0"));
+        }));
+      });
     };
-    var createLinesDown = function createLinesDown() {
-      var linesProps = mergeProps({
-        className: cx('lines'),
-        style: {
-          visibility: visibility
-        }
-      }, _ptm('lines'));
-      var lineCellProps = mergeProps({
-        colSpan: colspan
-      }, _ptm('lineCell'));
-      var lineDownProps = mergeProps({
-        className: cx('lineDown')
-      }, _ptm('lineDown'));
-      return /*#__PURE__*/React__namespace.createElement("tr", linesProps, /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)));
+    var createLinesDown = function createLinesDown(row) {
+      if (!node.children || node.expanded === false) {
+        return null;
+      }
+      var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+      return rows.map(function (row, rowIndex) {
+        var colspan = row.length * 2;
+        var linesProps = mergeProps({
+          className: cx('lines'),
+          style: {
+            visibility: visibility
+          }
+        }, _ptm('lines'));
+        var lineCellProps = mergeProps({
+          colSpan: colspan
+        }, _ptm('lineCell'));
+        var lineDownProps = mergeProps({
+          className: cx('lineDown')
+        }, _ptm('lineDown'));
+        return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, linesProps, {
+          key: rowIndex
+        }), /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)));
+      });
     };
     var createToggler = function createToggler() {
       if (!leaf) {
@@ -356,7 +381,7 @@ this.primereact.organizationchart = (function (exports, React, api, componentbas
       var label = createNodeLabel();
       var toggler = createToggler();
       var cellProps = mergeProps({
-        colSpan: colspan
+        colSpan: node.children && node.children.length ? Math.min(node.children.length, MAX_CHILDREN_PER_ROW) * 2 : 2
       }, _ptm('cell'));
       var nodeProps = mergeProps({
         className: cx('node', {
@@ -373,13 +398,21 @@ this.primereact.organizationchart = (function (exports, React, api, componentbas
       return /*#__PURE__*/React__namespace.createElement("tr", rowProps, /*#__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();
+    var createChildrenSection = function createChildrenSection() {
+      if (!node.children || node.expanded === false) {
+        return null;
+      }
+      var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+      return rows.map(function (row, rowIndex) {
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+          key: rowIndex
+        }, createLinesDown(), createLinesMiddle(), createChildNodes());
+      });
+    };
     var tableProps = mergeProps({
       className: cx('table')
     }, _ptm('table'));
-    return /*#__PURE__*/React__namespace.createElement("table", tableProps, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
+    return /*#__PURE__*/React__namespace.createElement("table", tableProps, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, createChildrenSection()));
   });
   OrganizationChartNode.displayName = 'OrganizationChartNode';
 

package/organizationchart/organizationchart.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.organizationchart=function(e,n,t,r,o,l,i,a){"use strict";function c(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 s=c(n);function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function d(e){if(Array.isArray(e))return u(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,n){if(e){if("string"==typeof e)return u(e,n);var t={}.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)?u(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=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},css:{classes:{root:"p-organizationchart p-component",table:"p-organizationchart-table",node:function(e){var n=e.node;return l.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.nodeProps.selectionMode&&!1!==n.selectable,"p-highlight":e.selected},n.className)},nodes:"p-organizationchart-nodes",lines:"p-organizationchart-lines",lineLeft:function(e){return l.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==e.index})},lineRight:function(e){return l.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":e.index!==e.nodeChildLength-1})},lineDown:"p-organizationchart-line-down",nodeTogglerIcon:"p-node-toggler-icon",nodeToggler:"p-node-toggler"},styles:"\n@layer primereact {\n    .p-organizationchart-table {\n        border-spacing: 0;\n        border-collapse: separate;\n        margin: 0 auto;\n    }\n    \n    .p-organizationchart-table > tbody > tr > td {\n        text-align: center;\n        vertical-align: top;\n        padding: 0 .75rem;\n    }\n    \n    .p-organizationchart-node-content {\n        display: inline-block;\n        position: relative;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler {\n        position: absolute;\n        bottom: -.75rem;\n        margin-left: -.75rem;\n        z-index: 2;\n        left: 50%;\n        user-select: none;\n        cursor: pointer;\n        width: 1.5rem;\n        height: 1.5rem;\n        text-decoration: none;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n        position: relative;\n        top: .25rem;\n    }\n    \n    .p-organizationchart-line-down {\n        margin: 0 auto;\n        height: 20px;\n        width: 1px;\n    }\n    \n    .p-organizationchart-line-right {\n        border-radius: 0px;\n    }\n    \n     .p-organizationchart-line-left {\n        border-radius: 0;\n    }\n    \n    .p-organizationchart-selectable-node {\n        cursor: pointer;\n    }\n}\n"}});function h(){return h=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},h.apply(null,arguments)}function b(e){return b="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},b(e)}function y(e,n){if("object"!=b(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"==b(n)?n:n+""}function N(e,n,t){return(n=v(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function E(e){if(Array.isArray(e))return e}function S(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function O(){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 w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){N(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var x=s.memo((function(e){var n,t,r,c,u,d,p,m,f,b,y,v,N=o.useMergeProps(),w=e.node,z=s.useState(w.expanded),C=(t=2,E(n=z)||S(n,t)||g(n,t)||O()),P=C[0],I=C[1],M=!1!==w.leaf&&!(w.children&&w.children.length),T=w.children&&w.children.length?2*w.children.length:null,D=e.isSelected(w),k=!M&&P?"inherit":"hidden",U=e.ptm,A=e.cx,_=e.sx,R=function(n,t){return U(n,j({hostName:e.hostName},t))},L=function(n){return R(n,{state:{expanded:P},context:{selected:e.isSelected(w)}})},H=function(e,n){return R(n,{context:{lineTop:e}})},J=function(n,t){e.onNodeClick(n,t)},X=function(e,n){I((function(e){return!e})),e.preventDefault()},B=function(){if(!M){var n=N({className:A("nodeTogglerIcon")},R("nodeTogglerIcon")),t=l.IconUtils.getJSXIcon(P?e.togglerIcon||s.createElement(i.ChevronDownIcon,n):e.togglerIcon||s.createElement(a.ChevronUpIcon,n),j({},n),{props:e}),r=N({className:A("nodeToggler"),tabIndex:0,onKeyDown:function(e){var n;"Enter"!==(n=e).code&&"NumpadEnter"!==n.code&&"Space"!==n.code||(X(n),n.preventDefault())},onClick:function(e){return X(e)},href:"#"},L("nodeToggler"));return s.createElement("a",r,s.createElement("i",null," ",t," "))}return null},K=function(){var n=e.nodeTemplate&&l.ObjectUtils.getJSXElement(e.nodeTemplate,w)||w.label;return s.createElement("div",null,n)},Y=(r=K(),c=B(),u=N({colSpan:T},R("cell")),d=N({className:A("node",{selected:D,node:w,nodeProps:e}),style:w.style,onClick:function(e){return J(e,w)}},L("node")),p=N(R("row")),s.createElement("tr",p,s.createElement("td",u,s.createElement("div",d,r,c)))),$=(m=N({className:A("lines"),style:{visibility:k}},R("lines")),f=N({colSpan:T},R("lineCell")),b=N({className:A("lineDown")},R("lineDown")),s.createElement("tr",m,s.createElement("td",f,s.createElement("div",b)))),q=function(){var e=w.children&&w.children.length,n=N({className:A("lines"),style:{visibility:k}},R("lines")),t=N({colSpan:T},R("lineCell")),r=N({className:A("lineDown")},R("lineDown"));return s.createElement("tr",n,w.children&&1===w.children.length&&s.createElement("td",t,s.createElement("div",r)),w.children&&w.children.length>1&&w.children.map((function(n,t){var r=N({className:A("lineLeft",{index:t})},H(0!==t,"lineLeft")),o=N({className:A("lineRight",{index:t,nodeChildLength:e})},H(t!==e-1,"lineRight"));return[s.createElement("td",h({key:t+"_lineleft"},r)," "),s.createElement("td",h({key:t+"_lineright"},o)," ")]})))}(),F=(y=N({className:A("nodes"),style:{visibility:k}},R("nodes")),v=N({colSpan:"2"},R("nodeCell")),s.createElement("tr",y,w.children&&w.children.map((function(n,t){return s.createElement("td",h({key:t},v),s.createElement(x,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon,ptm:U,cx:A,sx:_}))})))),G=N({className:A("table")},R("table"));return s.createElement("table",G,s.createElement("tbody",null,Y,$,q,F))}));x.displayName="OrganizationChartNode";var z=s.memo(s.forwardRef((function(e,n){var i=o.useMergeProps(),a=s.useContext(t.PrimeReactContext),c=f.getProps(e,a),u=f.setMetaData({props:c}),h=u.ptm,b=u.cx,y=u.sx;r.useHandleStyle(f.css.styles,u.isUnstyled,{name:"orgchart"});var v=s.useRef(null),N=c.value&&c.value.length?c.value[0]:null,E=function(e){if(c.selectionMode&&c.selection){if("single"===c.selectionMode)return c.selection===e?0:-1;if("multiple"===c.selectionMode)return c.selection.findIndex((function(n){return n===e}))}return-1};s.useImperativeHandle(n,(function(){return{props:c,getElement:function(){return v.current}}}));var S=i({id:c.id,ref:v,style:c.style,className:l.classNames(c.className,b("root"))},f.getOtherProps(c),h("root"));return s.createElement("div",S,s.createElement(x,{hostName:"OrganizationChart",node:N,nodeTemplate:c.nodeTemplate,selectionMode:c.selectionMode,onNodeClick:function(e,n){if(c.selectionMode){var t=e.target;if(!1===n.selectable||l.DomHandler.hasClass(t,"p-node-toggler")||l.DomHandler.hasClass(t,"p-node-toggler-icon"))return;var r,o=E(n),i=o>=0;"single"===c.selectionMode?i?(r=null,c.onNodeUnselect&&c.onNodeUnselect({originalEvent:e,node:n})):(r=n,c.onNodeSelect&&c.onNodeSelect({originalEvent:e,node:n})):"multiple"===c.selectionMode&&(i?(r=c.selection.filter((function(e,n){return n!==o})),c.onNodeUnselect&&c.onNodeUnselect({originalEvent:e,node:n})):(r=[].concat(d(a=c.selection||[])||p(a)||g(a)||m(),[n]),c.onNodeSelect&&c.onNodeSelect({originalEvent:e,node:n}))),c.onSelectionChange&&c.onSelectionChange({originalEvent:e,data:r})}var a},isSelected:function(e){return-1!==E(e)},togglerIcon:c.togglerIcon,ptm:h,cx:b,sx:y}))})));return z.displayName="OrganizationChart",e.OrganizationChart=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.icons.chevrondown,primereact.icons.chevronup);
+this.primereact=this.primereact||{},this.primereact.organizationchart=function(e,n,t,r,o,l,i,a){"use strict";function c(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 s=c(n);function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function d(e){if(Array.isArray(e))return u(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,n){if(e){if("string"==typeof e)return u(e,n);var t={}.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)?u(e,n):void 0}}function g(){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},css:{classes:{root:"p-organizationchart p-component",table:"p-organizationchart-table",node:function(e){var n=e.node;return l.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.nodeProps.selectionMode&&!1!==n.selectable,"p-highlight":e.selected},n.className)},nodes:"p-organizationchart-nodes",lines:"p-organizationchart-lines",lineLeft:function(e){return l.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==e.index})},lineRight:function(e){return l.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":e.index!==e.nodeChildLength-1})},lineDown:"p-organizationchart-line-down",nodeTogglerIcon:"p-node-toggler-icon",nodeToggler:"p-node-toggler"},styles:"\n@layer primereact {\n    .p-organizationchart-table {\n        border-spacing: 0;\n        border-collapse: separate;\n        margin: 0 auto;\n    }\n    \n    .p-organizationchart-table > tbody > tr > td {\n        text-align: center;\n        vertical-align: top;\n        padding: 0 .75rem;\n    }\n    \n    .p-organizationchart-node-content {\n        display: inline-block;\n        position: relative;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler {\n        position: absolute;\n        bottom: -.75rem;\n        margin-left: -.75rem;\n        z-index: 2;\n        left: 50%;\n        user-select: none;\n        cursor: pointer;\n        width: 1.5rem;\n        height: 1.5rem;\n        text-decoration: none;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n        position: relative;\n        top: .25rem;\n    }\n    \n    .p-organizationchart-line-down {\n        margin: 0 auto;\n        height: 20px;\n        width: 1px;\n    }\n    \n    .p-organizationchart-line-right {\n        border-radius: 0px;\n    }\n    \n     .p-organizationchart-line-left {\n        border-radius: 0;\n    }\n    \n    .p-organizationchart-selectable-node {\n        cursor: pointer;\n    }\n}\n"}});function h(){return h=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},h.apply(null,arguments)}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function b(e,n){if("object"!=y(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=b(e,"string");return"symbol"==y(n)?n:n+""}function N(e,n,t){return(n=v(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function E(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function S(){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,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?x(Object(t),!0).forEach(function(n){N(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var w=function(e,n){for(var t=[],r=0;r<e.length;r+=n)t.push(e.slice(r,r+n));return t},z=s.memo(function(e){var n,t,r,c,u,d,p,g=o.useMergeProps(),f=e.node,y=s.useState(f.expanded),b=(t=2,E(n=y)||O(n,t)||m(n,t)||S()),v=b[0],N=b[1],x=!1!==f.leaf&&!(f.children&&f.children.length),C=e.isSelected(f),P=!x&&v?"inherit":"hidden",I=e.ptm,M=e.cx,T=e.sx,k=function(n,t){return I(n,j({hostName:e.hostName},t))},D=function(n){return k(n,{state:{expanded:v},context:{selected:e.isSelected(f)}})},U=function(e,n){return k(n,{context:{lineTop:e}})},A=function(n,t){e.onNodeClick(n,t)},R=function(e,n){N(function(e){return!e}),e.preventDefault()},_=function(){if(!x){var n=g({className:M("nodeTogglerIcon")},k("nodeTogglerIcon")),t=l.IconUtils.getJSXIcon(v?e.togglerIcon||s.createElement(i.ChevronDownIcon,n):e.togglerIcon||s.createElement(a.ChevronUpIcon,n),j({},n),{props:e}),r=g({className:M("nodeToggler"),tabIndex:0,onKeyDown:function(e){var n;"Enter"!==(n=e).code&&"NumpadEnter"!==n.code&&"Space"!==n.code||(R(n),n.preventDefault())},onClick:function(e){return R(e)},href:"#"},D("nodeToggler"));return s.createElement("a",r,s.createElement("i",null," ",t," "))}return null},L=function(){var n=e.nodeTemplate&&l.ObjectUtils.getJSXElement(e.nodeTemplate,f)||f.label;return s.createElement("div",null,n)},H=(r=L(),c=_(),u=g({colSpan:f.children&&f.children.length?2*Math.min(f.children.length,10):2},k("cell")),d=g({className:M("node",{selected:C,node:f,nodeProps:e}),style:f.style,onClick:function(e){return A(e,f)}},D("node")),p=g(k("row")),s.createElement("tr",p,s.createElement("td",u,s.createElement("div",d,r,c)))),F=g({className:M("table")},k("table"));return s.createElement("table",F,s.createElement("tbody",null,H,f.children&&!1!==f.expanded?w(f.children,10).map(function(n,t){return s.createElement(s.Fragment,{key:t},f.children&&!1!==f.expanded?w(f.children,10).map(function(e,n){var t=2*e.length,r=g({className:M("lines"),style:{visibility:P}},k("lines")),o=g({colSpan:t},k("lineCell")),l=g({className:M("lineDown")},k("lineDown"));return s.createElement("tr",h({},r,{key:n}),s.createElement("td",o,s.createElement("div",l)))}):null,f.children&&!1!==f.expanded?w(f.children,10).map(function(e,n){var t=e.length,r=g({className:M("lines"),style:{visibility:P}},k("lines"));return s.createElement("tr",h({},r,{key:n}),e.map(function(e,n){var r=g({className:M("lineLeft",{index:n})},U(0!==n,"lineLeft")),o=g({className:M("lineRight",{index:n,nodeChildLength:t})},U(n!==t-1,"lineRight"));return s.createElement(s.Fragment,{key:n},s.createElement("td",r," "),s.createElement("td",o," "))}))}):null,f.children&&!1!==f.expanded?w(f.children,10).map(function(n,t){var r=g({className:M("nodes"),style:{visibility:P}},k("nodes")),o=g({colSpan:"2"},k("nodeCell"));return s.createElement("tr",h({},r,{key:t}),n.map(function(n,t){return s.createElement("td",h({key:t},o),s.createElement(z,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon,ptm:I,cx:M,sx:T}))}))}):null)}):null))});z.displayName="OrganizationChartNode";var C=s.memo(s.forwardRef(function(e,n){var i=o.useMergeProps(),a=s.useContext(t.PrimeReactContext),c=f.getProps(e,a),u=f.setMetaData({props:c}),h=u.ptm,y=u.cx,b=u.sx;r.useHandleStyle(f.css.styles,u.isUnstyled,{name:"orgchart"});var v=s.useRef(null),N=c.value&&c.value.length?c.value[0]:null,E=function(e){if(c.selectionMode&&c.selection){if("single"===c.selectionMode)return c.selection===e?0:-1;if("multiple"===c.selectionMode)return c.selection.findIndex(function(n){return n===e})}return-1};s.useImperativeHandle(n,function(){return{props:c,getElement:function(){return v.current}}});var O=i({id:c.id,ref:v,style:c.style,className:l.classNames(c.className,y("root"))},f.getOtherProps(c),h("root"));return s.createElement("div",O,s.createElement(z,{hostName:"OrganizationChart",node:N,nodeTemplate:c.nodeTemplate,selectionMode:c.selectionMode,onNodeClick:function(e,n){if(c.selectionMode){var t=e.target;if(!1===n.selectable||l.DomHandler.hasClass(t,"p-node-toggler")||l.DomHandler.hasClass(t,"p-node-toggler-icon"))return;var r,o=E(n),i=o>=0;"single"===c.selectionMode?i?(r=null,c.onNodeUnselect&&c.onNodeUnselect({originalEvent:e,node:n})):(r=n,c.onNodeSelect&&c.onNodeSelect({originalEvent:e,node:n})):"multiple"===c.selectionMode&&(i?(r=c.selection.filter(function(e,n){return n!==o}),c.onNodeUnselect&&c.onNodeUnselect({originalEvent:e,node:n})):(r=[].concat(d(a=c.selection||[])||p(a)||m(a)||g(),[n]),c.onNodeSelect&&c.onNodeSelect({originalEvent:e,node:n}))),c.onSelectionChange&&c.onSelectionChange({originalEvent:e,data:r})}var a},isSelected:function(e){return-1!==E(e)},togglerIcon:c.togglerIcon,ptm:h,cx:y,sx:b}))}));return C.displayName="OrganizationChart",e.OrganizationChart=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.icons.chevrondown,primereact.icons.chevronup);

package/overlaypanel/overlaypanel.cjs.js

@@ -297,13 +297,28 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
     });
     align();
   };
+  var bindOverlayTimer = null;
   var onEntered = function onEntered() {
-    bindOverlayListener();
+    cancelOverlayBind();
+    /**
+     * With cssTransition=false, onEntered may run synchronously before visibleState updates, causing the outside-click listener not to bind.
+     * Fix: defer the binding to the next tick so it runs with the latest state (when=true). (issue: #8183)
+     */
+    bindOverlayTimer = setTimeout(function () {
+      bindOverlayListener();
+    });
     props.onShow && props.onShow();
   };
   var onExit = function onExit() {
+    cancelOverlayBind();
     unbindOverlayListener();
   };
+  var cancelOverlayBind = function cancelOverlayBind() {
+    if (bindOverlayTimer) {
+      clearTimeout(bindOverlayTimer);
+      bindOverlayTimer = null;
+    }
+  };
   var onExited = function onExited() {
     utils.ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();

package/overlaypanel/overlaypanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),r=require("primereact/componentbase"),t=require("primereact/csstransition"),o=require("primereact/hooks"),a=require("primereact/icons/times"),l=require("primereact/overlayservice"),i=require("primereact/portal"),c=require("primereact/ripple"),u=require("primereact/utils");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var f=p(e),y=s(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)({}).hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},d.apply(null,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function m(e,n){if("object"!=v(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=v(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=m(e,"string");return"symbol"==v(n)?n:n+""}function g(e,n,r){return(n=b(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function O(e){if(Array.isArray(e))return e}function h(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,a,l,i=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=a.call(r)).done)&&(i.push(t.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}function x(e,n){if(e){if("string"==typeof e)return S(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?S(e,n):void 0}}function w(){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 P(e,n){return O(e)||h(e,n)||x(e,n)||w()}var E=r.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,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return u.classNames("p-overlaypanel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===y.default.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n    .p-overlaypanel {\n        position: absolute;\n        margin-top: 10px;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-overlaypanel-flipped {\n        margin-top: -10px;\n        margin-bottom: 10px;\n    }\n    \n    .p-overlaypanel-close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Animation */\n    .p-overlaypanel-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    \n    .p-overlaypanel-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-overlaypanel-enter-done {\n        transform: none;\n    }\n    \n    .p-overlaypanel-exit {\n        opacity: 1;\n    }\n    \n    .p-overlaypanel-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n    \n    .p-overlaypanel:after, .p-overlaypanel:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-overlaypanel:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-overlaypanel:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:before {\n        border-bottom-color: transparent\n    }\n}\n'}});function j(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function I(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?j(Object(r),!0).forEach((function(n){g(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var D=f.forwardRef((function(e,s){var p=o.useMergeProps(),v=f.useContext(n.PrimeReactContext),m=E.getProps(e,v),b=P(f.useState(!1),2),g=b[0],O=b[1],h=E.setMetaData({props:m,state:{visible:g}}),S=h.ptm,x=h.cx,w=h.isUnstyled;r.useHandleStyle(E.css.styles,w,{name:"overlaypanel"});var j=f.useRef(""),D=f.useRef(null),k=f.useRef(null),C=f.useRef(!1),H=f.useRef(null),A=f.useRef(null),N=P(o.useOverlayListener({target:k,overlay:D,listener:function(e,n){n.valid&&("outside"===n.type?(m.dismissable&&!C.current&&Z(),C.current=!1):v.hideOverlaysOnDocumentScrolling?Z():u.DomHandler.isDocument(e.target)||J())},when:g}),2),T=N[0],R=N[1],q=g&&m.closeOnEscape,L=o.useDisplayOrder("overlay-panel",q);o.useGlobalOnEscapeKey({callback:function(){Z()},when:q&&L,priority:[o.ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL,L]});var _=function(e){return D&&D.current&&!(D.current.isSameNode(e)||D.current.contains(e))},M=function(e,n){return null!=k.current&&k.current!==(n||e.currentTarget||e.target)},U=function(){C.current=!0},z=function(e,n){g?(Z(),M(e,n)&&(k.current=n||e.currentTarget||e.target,setTimeout((function(){Y(e,k.current)}),200))):Y(e,n)},Y=function(e,n){k.current=n||e.currentTarget||e.target,g?J():(O(!0),A.current=function(e){!_(e.target)&&(C.current=!0)},l.OverlayService.on("overlay-click",A.current))},Z=function(){O(!1),l.OverlayService.off("overlay-click",A.current),A.current=null},B=function(){D.current.setAttribute(j.current,""),u.ZIndexUtils.set("overlay",D.current,v&&v.autoZIndex||y.default.autoZIndex,v&&v.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(D.current,{position:"absolute",top:"0",left:"0"}),J()},G=function(){T(),m.onShow&&m.onShow()},K=function(){R()},V=function(){u.ZIndexUtils.clear(D.current),m.onHide&&m.onHide()},J=function(){if(k.current&&D.current){u.DomHandler.absolutePosition(D.current,k.current);var e=u.DomHandler.getOffset(D.current),n=u.DomHandler.getOffset(k.current),r=0;e.left<n.left&&(r=n.left-e.left),D.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<n.top?(D.current.setAttribute("data-p-overlaypanel-flipped","true"),w&&u.DomHandler.addClass(D.current,"p-overlaypanel-flipped")):(D.current.setAttribute("data-p-overlaypanel-flipped","false"),w&&u.DomHandler.removeClass(D.current,"p-overlaypanel-flipped"))}},X=function(){if(!H.current){H.current=u.DomHandler.createInlineStyle(v&&v.nonce||y.default.nonce,v&&v.styleContainer);var e="";for(var n in m.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(j.current,"] {\n                            width: ").concat(m.breakpoints[n],";\n                        }\n                    }\n                ");H.current.innerHTML=e}};o.useMountEffect((function(){j.current=u.UniqueComponentId(),m.breakpoints&&X()})),o.useUnmountEffect((function(){H.current=u.DomHandler.removeInlineStyle(H.current),A.current&&(l.OverlayService.off("overlay-click",A.current),A.current=null),u.ZIndexUtils.clear(D.current)})),f.useImperativeHandle(s,(function(){return{props:m,toggle:z,show:Y,hide:Z,align:J,isVisible:function(){return g},getElement:function(){return D.current}}}));var $,F,Q,W,ee=function(){var e=p({className:x("closeIcon"),"aria-hidden":!0},S("closeIcon")),r=u.IconUtils.getJSXIcon(m.closeIcon||f.createElement(a.TimesIcon,e),I({},e),{props:m}),t=p({type:"button",className:x("closeButton"),onClick:function(e){return n=e,Z(),void n.preventDefault();var n},"aria-label":m.ariaCloseLabel||n.ariaLabel("close")},S("closeButton"));return m.showCloseIcon?f.createElement("button",t,r,f.createElement(c.Ripple,null)):null},ne=($=ee(),F=p({id:m.id,className:u.classNames(m.className,x("root",{context:v})),style:m.style,onClick:function(e){return n=e,C.current=!0,void l.OverlayService.emit("overlay-click",{originalEvent:n,target:k.current});var n}},E.getOtherProps(m),S("root")),Q=p({className:x("content"),onClick:function(e){return U()},onMouseDown:U},E.getOtherProps(m),S("content")),W=p({classNames:x("transition"),in:g,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:B,onEntered:G,onExit:K,onExited:V},S("transition")),f.createElement(t.CSSTransition,d({nodeRef:D},W),f.createElement("div",d({ref:D},F),f.createElement("div",Q,m.children),$)));return f.createElement(i.Portal,{element:ne,appendTo:m.appendTo})}));D.displayName="OverlayPanel",exports.OverlayPanel=D;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),l=require("primereact/icons/times"),a=require("primereact/overlayservice"),i=require("primereact/portal"),c=require("primereact/ripple"),u=require("primereact/utils");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 f=p(e),y=s(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(null,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function m(e,n){if("object"!=v(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=m(e,"string");return"symbol"==v(n)?n:n+""}function g(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function x(e,n){if(e){if("string"==typeof e)return S(e,n);var t={}.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)?S(e,n):void 0}}function w(){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 P(e,n){return O(e)||h(e,n)||x(e,n)||w()}var E=t.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,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return u.classNames("p-overlaypanel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===y.default.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n    .p-overlaypanel {\n        position: absolute;\n        margin-top: 10px;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-overlaypanel-flipped {\n        margin-top: -10px;\n        margin-bottom: 10px;\n    }\n    \n    .p-overlaypanel-close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Animation */\n    .p-overlaypanel-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    \n    .p-overlaypanel-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-overlaypanel-enter-done {\n        transform: none;\n    }\n    \n    .p-overlaypanel-exit {\n        opacity: 1;\n    }\n    \n    .p-overlaypanel-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n    \n    .p-overlaypanel:after, .p-overlaypanel:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-overlaypanel:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-overlaypanel:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:before {\n        border-bottom-color: transparent\n    }\n}\n'}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach(function(n){g(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var D=f.forwardRef(function(e,s){var p=o.useMergeProps(),v=f.useContext(n.PrimeReactContext),m=E.getProps(e,v),b=P(f.useState(!1),2),g=b[0],O=b[1],h=E.setMetaData({props:m,state:{visible:g}}),S=h.ptm,x=h.cx,w=h.isUnstyled;t.useHandleStyle(E.css.styles,w,{name:"overlaypanel"});var j=f.useRef(""),D=f.useRef(null),k=f.useRef(null),C=f.useRef(!1),H=f.useRef(null),T=f.useRef(null),A=P(o.useOverlayListener({target:k,overlay:D,listener:function(e,n){n.valid&&("outside"===n.type?(m.dismissable&&!C.current&&Z(),C.current=!1):v.hideOverlaysOnDocumentScrolling?Z():u.DomHandler.isDocument(e.target)||$())},when:g}),2),N=A[0],R=A[1],q=g&&m.closeOnEscape,L=o.useDisplayOrder("overlay-panel",q);o.useGlobalOnEscapeKey({callback:function(){Z()},when:q&&L,priority:[o.ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL,L]});var _=function(e){return D&&D.current&&!(D.current.isSameNode(e)||D.current.contains(e))},M=function(e,n){return null!=k.current&&k.current!==(n||e.currentTarget||e.target)},U=function(){C.current=!0},z=function(e,n){g?(Z(),M(e,n)&&(k.current=n||e.currentTarget||e.target,setTimeout(function(){Y(e,k.current)},200))):Y(e,n)},Y=function(e,n){k.current=n||e.currentTarget||e.target,g?$():(O(!0),T.current=function(e){!_(e.target)&&(C.current=!0)},a.OverlayService.on("overlay-click",T.current))},Z=function(){O(!1),a.OverlayService.off("overlay-click",T.current),T.current=null},B=function(){D.current.setAttribute(j.current,""),u.ZIndexUtils.set("overlay",D.current,v&&v.autoZIndex||y.default.autoZIndex,v&&v.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(D.current,{position:"absolute",top:"0",left:"0"}),$()},G=null,K=function(){J(),G=setTimeout(function(){N()}),m.onShow&&m.onShow()},V=function(){J(),R()},J=function(){G&&(clearTimeout(G),G=null)},X=function(){u.ZIndexUtils.clear(D.current),m.onHide&&m.onHide()},$=function(){if(k.current&&D.current){u.DomHandler.absolutePosition(D.current,k.current);var e=u.DomHandler.getOffset(D.current),n=u.DomHandler.getOffset(k.current),t=0;e.left<n.left&&(t=n.left-e.left),D.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(D.current.setAttribute("data-p-overlaypanel-flipped","true"),w&&u.DomHandler.addClass(D.current,"p-overlaypanel-flipped")):(D.current.setAttribute("data-p-overlaypanel-flipped","false"),w&&u.DomHandler.removeClass(D.current,"p-overlaypanel-flipped"))}},F=function(){if(!H.current){H.current=u.DomHandler.createInlineStyle(v&&v.nonce||y.default.nonce,v&&v.styleContainer);var e="";for(var n in m.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(j.current,"] {\n                            width: ").concat(m.breakpoints[n],";\n                        }\n                    }\n                ");H.current.innerHTML=e}};o.useMountEffect(function(){j.current=u.UniqueComponentId(),m.breakpoints&&F()}),o.useUnmountEffect(function(){H.current=u.DomHandler.removeInlineStyle(H.current),T.current&&(a.OverlayService.off("overlay-click",T.current),T.current=null),u.ZIndexUtils.clear(D.current)}),f.useImperativeHandle(s,function(){return{props:m,toggle:z,show:Y,hide:Z,align:$,isVisible:function(){return g},getElement:function(){return D.current}}});var Q,W,ee,ne,te=function(){var e=p({className:x("closeIcon"),"aria-hidden":!0},S("closeIcon")),t=u.IconUtils.getJSXIcon(m.closeIcon||f.createElement(l.TimesIcon,e),I({},e),{props:m}),r=p({type:"button",className:x("closeButton"),onClick:function(e){return n=e,Z(),void n.preventDefault();var n},"aria-label":m.ariaCloseLabel||n.ariaLabel("close")},S("closeButton"));return m.showCloseIcon?f.createElement("button",r,t,f.createElement(c.Ripple,null)):null},re=(Q=te(),W=p({id:m.id,className:u.classNames(m.className,x("root",{context:v})),style:m.style,onClick:function(e){return n=e,C.current=!0,void a.OverlayService.emit("overlay-click",{originalEvent:n,target:k.current});var n}},E.getOtherProps(m),S("root")),ee=p({className:x("content"),onClick:function(e){return U()},onMouseDown:U},E.getOtherProps(m),S("content")),ne=p({classNames:x("transition"),in:g,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:B,onEntered:K,onExit:V,onExited:X},S("transition")),f.createElement(r.CSSTransition,d({nodeRef:D},ne),f.createElement("div",d({ref:D},W),f.createElement("div",ee,m.children),Q)));return f.createElement(i.Portal,{element:re,appendTo:m.appendTo})});D.displayName="OverlayPanel",exports.OverlayPanel=D;

package/overlaypanel/overlaypanel.esm.js

@@ -270,13 +270,28 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     });
     align();
   };
+  var bindOverlayTimer = null;
   var onEntered = function onEntered() {
-    bindOverlayListener();
+    cancelOverlayBind();
+    /**
+     * With cssTransition=false, onEntered may run synchronously before visibleState updates, causing the outside-click listener not to bind.
+     * Fix: defer the binding to the next tick so it runs with the latest state (when=true). (issue: #8183)
+     */
+    bindOverlayTimer = setTimeout(function () {
+      bindOverlayListener();
+    });
     props.onShow && props.onShow();
   };
   var onExit = function onExit() {
+    cancelOverlayBind();
     unbindOverlayListener();
   };
+  var cancelOverlayBind = function cancelOverlayBind() {
+    if (bindOverlayTimer) {
+      clearTimeout(bindOverlayTimer);
+      bindOverlayTimer = null;
+    }
+  };
   var onExited = function onExited() {
     ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();

package/overlaypanel/overlaypanel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t,ariaLabel as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as l}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as i,useOverlayListener as c,useDisplayOrder as u,useGlobalOnEscapeKey as p,ESC_KEY_HANDLING_PRIORITIES as s,useMountEffect as f,useUnmountEffect as y}from"primereact/hooks";import{TimesIcon as m}from"primereact/icons/times";import{OverlayService as v}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as g,DomHandler as h,UniqueComponentId as O,ZIndexUtils as w,IconUtils as x}from"primereact/utils";function S(){return S=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},S.apply(null,arguments)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function P(e,n){if("object"!=E(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=P(e,"string");return"symbol"==E(n)?n:n+""}function I(e,n,t){return(n=j(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function k(e){if(Array.isArray(e))return e}function A(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function C(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function N(e,n){if(e){if("string"==typeof e)return C(e,n);var t={}.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 T(){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 D(e,n){return k(e)||A(e,n)||N(e,n)||T()}var R=o.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,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return g("p-overlaypanel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n    .p-overlaypanel {\n        position: absolute;\n        margin-top: 10px;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-overlaypanel-flipped {\n        margin-top: -10px;\n        margin-bottom: 10px;\n    }\n    \n    .p-overlaypanel-close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Animation */\n    .p-overlaypanel-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    \n    .p-overlaypanel-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-overlaypanel-enter-done {\n        transform: none;\n    }\n    \n    .p-overlaypanel-exit {\n        opacity: 1;\n    }\n    \n    .p-overlaypanel-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n    \n    .p-overlaypanel:after, .p-overlaypanel:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-overlaypanel:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-overlaypanel:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:before {\n        border-bottom-color: transparent\n    }\n}\n'}});function L(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach((function(n){I(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.forwardRef((function(o,E){var P=i(),j=e.useContext(t),I=R.getProps(o,j),k=D(e.useState(!1),2),A=k[0],C=k[1],N=R.setMetaData({props:I,state:{visible:A}}),T=N.ptm,L=N.cx,z=N.isUnstyled;l(R.css.styles,z,{name:"overlaypanel"});var M=e.useRef(""),Y=e.useRef(null),B=e.useRef(null),_=e.useRef(!1),U=e.useRef(null),V=e.useRef(null),Z=D(c({target:B,overlay:Y,listener:function(e,n){n.valid&&("outside"===n.type?(I.dismissable&&!_.current&&ee(),_.current=!1):j.hideOverlaysOnDocumentScrolling?ee():h.isDocument(e.target)||le())},when:A}),2),G=Z[0],J=Z[1],X=A&&I.closeOnEscape,$=u("overlay-panel",X);p({callback:function(){ee()},when:X&&$,priority:[s.OVERLAY_PANEL,$]});var q=function(e){return Y&&Y.current&&!(Y.current.isSameNode(e)||Y.current.contains(e))},F=function(e,n){return null!=B.current&&B.current!==(n||e.currentTarget||e.target)},K=function(){_.current=!0},Q=function(e,n){A?(ee(),F(e,n)&&(B.current=n||e.currentTarget||e.target,setTimeout((function(){W(e,B.current)}),200))):W(e,n)},W=function(e,n){B.current=n||e.currentTarget||e.target,A?le():(C(!0),V.current=function(e){!q(e.target)&&(_.current=!0)},v.on("overlay-click",V.current))},ee=function(){C(!1),v.off("overlay-click",V.current),V.current=null},ne=function(){Y.current.setAttribute(M.current,""),w.set("overlay",Y.current,j&&j.autoZIndex||n.autoZIndex,j&&j.zIndex.overlay||n.zIndex.overlay),h.addStyles(Y.current,{position:"absolute",top:"0",left:"0"}),le()},te=function(){G(),I.onShow&&I.onShow()},re=function(){J()},oe=function(){w.clear(Y.current),I.onHide&&I.onHide()},le=function(){if(B.current&&Y.current){h.absolutePosition(Y.current,B.current);var e=h.getOffset(Y.current),n=h.getOffset(B.current),t=0;e.left<n.left&&(t=n.left-e.left),Y.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(Y.current.setAttribute("data-p-overlaypanel-flipped","true"),z&&h.addClass(Y.current,"p-overlaypanel-flipped")):(Y.current.setAttribute("data-p-overlaypanel-flipped","false"),z&&h.removeClass(Y.current,"p-overlaypanel-flipped"))}},ae=function(){if(!U.current){U.current=h.createInlineStyle(j&&j.nonce||n.nonce,j&&j.styleContainer);var e="";for(var t in I.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(M.current,"] {\n                            width: ").concat(I.breakpoints[t],";\n                        }\n                    }\n                ");U.current.innerHTML=e}};f((function(){M.current=O(),I.breakpoints&&ae()})),y((function(){U.current=h.removeInlineStyle(U.current),V.current&&(v.off("overlay-click",V.current),V.current=null),w.clear(Y.current)})),e.useImperativeHandle(E,(function(){return{props:I,toggle:Q,show:W,hide:ee,align:le,isVisible:function(){return A},getElement:function(){return Y.current}}}));var ie,ce,ue,pe,se=function(){var n=P({className:L("closeIcon"),"aria-hidden":!0},T("closeIcon")),t=x.getJSXIcon(I.closeIcon||e.createElement(m,n),H({},n),{props:I}),o=P({type:"button",className:L("closeButton"),onClick:function(e){return n=e,ee(),void n.preventDefault();var n},"aria-label":I.ariaCloseLabel||r("close")},T("closeButton"));return I.showCloseIcon?e.createElement("button",o,t,e.createElement(b,null)):null},fe=(ie=se(),ce=P({id:I.id,className:g(I.className,L("root",{context:j})),style:I.style,onClick:function(e){return n=e,_.current=!0,void v.emit("overlay-click",{originalEvent:n,target:B.current});var n}},R.getOtherProps(I),T("root")),ue=P({className:L("content"),onClick:function(e){return K()},onMouseDown:K},R.getOtherProps(I),T("content")),pe=P({classNames:L("transition"),in:A,timeout:{enter:120,exit:100},options:I.transitionOptions,unmountOnExit:!0,onEnter:ne,onEntered:te,onExit:re,onExited:oe},T("transition")),e.createElement(a,S({nodeRef:Y},pe),e.createElement("div",S({ref:Y},ce),e.createElement("div",ue,I.children),ie)));return e.createElement(d,{element:fe,appendTo:I.appendTo})}));z.displayName="OverlayPanel";export{z as OverlayPanel};
+import*as e from"react";import n,{PrimeReactContext as t,ariaLabel as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as l}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as i,useOverlayListener as c,useDisplayOrder as u,useGlobalOnEscapeKey as p,ESC_KEY_HANDLING_PRIORITIES as s,useMountEffect as f,useUnmountEffect as y}from"primereact/hooks";import{TimesIcon as m}from"primereact/icons/times";import{OverlayService as v}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as g,DomHandler as h,UniqueComponentId as O,ZIndexUtils as w,IconUtils as x}from"primereact/utils";function S(){return S=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},S.apply(null,arguments)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function P(e,n){if("object"!=E(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=P(e,"string");return"symbol"==E(n)?n:n+""}function I(e,n,t){return(n=j(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function k(e){if(Array.isArray(e))return e}function A(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function T(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function C(e,n){if(e){if("string"==typeof e)return T(e,n);var t={}.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)?T(e,n):void 0}}function N(){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 D(e,n){return k(e)||A(e,n)||C(e,n)||N()}var R=o.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,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return g("p-overlaypanel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n    .p-overlaypanel {\n        position: absolute;\n        margin-top: 10px;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-overlaypanel-flipped {\n        margin-top: -10px;\n        margin-bottom: 10px;\n    }\n    \n    .p-overlaypanel-close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Animation */\n    .p-overlaypanel-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    \n    .p-overlaypanel-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-overlaypanel-enter-done {\n        transform: none;\n    }\n    \n    .p-overlaypanel-exit {\n        opacity: 1;\n    }\n    \n    .p-overlaypanel-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n    \n    .p-overlaypanel:after, .p-overlaypanel:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-overlaypanel:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-overlaypanel:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:before {\n        border-bottom-color: transparent\n    }\n}\n'}});function L(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach(function(n){I(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var z=e.forwardRef(function(o,E){var P=i(),j=e.useContext(t),I=R.getProps(o,j),k=D(e.useState(!1),2),A=k[0],T=k[1],C=R.setMetaData({props:I,state:{visible:A}}),N=C.ptm,L=C.cx,z=C.isUnstyled;l(R.css.styles,z,{name:"overlaypanel"});var M=e.useRef(""),Y=e.useRef(null),B=e.useRef(null),_=e.useRef(!1),U=e.useRef(null),V=e.useRef(null),Z=D(c({target:B,overlay:Y,listener:function(e,n){n.valid&&("outside"===n.type?(I.dismissable&&!_.current&&ee(),_.current=!1):j.hideOverlaysOnDocumentScrolling?ee():h.isDocument(e.target)||ie())},when:A}),2),G=Z[0],J=Z[1],X=A&&I.closeOnEscape,$=u("overlay-panel",X);p({callback:function(){ee()},when:X&&$,priority:[s.OVERLAY_PANEL,$]});var q=function(e){return Y&&Y.current&&!(Y.current.isSameNode(e)||Y.current.contains(e))},F=function(e,n){return null!=B.current&&B.current!==(n||e.currentTarget||e.target)},K=function(){_.current=!0},Q=function(e,n){A?(ee(),F(e,n)&&(B.current=n||e.currentTarget||e.target,setTimeout(function(){W(e,B.current)},200))):W(e,n)},W=function(e,n){B.current=n||e.currentTarget||e.target,A?ie():(T(!0),V.current=function(e){!q(e.target)&&(_.current=!0)},v.on("overlay-click",V.current))},ee=function(){T(!1),v.off("overlay-click",V.current),V.current=null},ne=function(){Y.current.setAttribute(M.current,""),w.set("overlay",Y.current,j&&j.autoZIndex||n.autoZIndex,j&&j.zIndex.overlay||n.zIndex.overlay),h.addStyles(Y.current,{position:"absolute",top:"0",left:"0"}),ie()},te=null,re=function(){le(),te=setTimeout(function(){G()}),I.onShow&&I.onShow()},oe=function(){le(),J()},le=function(){te&&(clearTimeout(te),te=null)},ae=function(){w.clear(Y.current),I.onHide&&I.onHide()},ie=function(){if(B.current&&Y.current){h.absolutePosition(Y.current,B.current);var e=h.getOffset(Y.current),n=h.getOffset(B.current),t=0;e.left<n.left&&(t=n.left-e.left),Y.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(Y.current.setAttribute("data-p-overlaypanel-flipped","true"),z&&h.addClass(Y.current,"p-overlaypanel-flipped")):(Y.current.setAttribute("data-p-overlaypanel-flipped","false"),z&&h.removeClass(Y.current,"p-overlaypanel-flipped"))}},ce=function(){if(!U.current){U.current=h.createInlineStyle(j&&j.nonce||n.nonce,j&&j.styleContainer);var e="";for(var t in I.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(M.current,"] {\n                            width: ").concat(I.breakpoints[t],";\n                        }\n                    }\n                ");U.current.innerHTML=e}};f(function(){M.current=O(),I.breakpoints&&ce()}),y(function(){U.current=h.removeInlineStyle(U.current),V.current&&(v.off("overlay-click",V.current),V.current=null),w.clear(Y.current)}),e.useImperativeHandle(E,function(){return{props:I,toggle:Q,show:W,hide:ee,align:ie,isVisible:function(){return A},getElement:function(){return Y.current}}});var ue,pe,se,fe,ye=function(){var n=P({className:L("closeIcon"),"aria-hidden":!0},N("closeIcon")),t=x.getJSXIcon(I.closeIcon||e.createElement(m,n),H({},n),{props:I}),o=P({type:"button",className:L("closeButton"),onClick:function(e){return n=e,ee(),void n.preventDefault();var n},"aria-label":I.ariaCloseLabel||r("close")},N("closeButton"));return I.showCloseIcon?e.createElement("button",o,t,e.createElement(b,null)):null},me=(ue=ye(),pe=P({id:I.id,className:g(I.className,L("root",{context:j})),style:I.style,onClick:function(e){return n=e,_.current=!0,void v.emit("overlay-click",{originalEvent:n,target:B.current});var n}},R.getOtherProps(I),N("root")),se=P({className:L("content"),onClick:function(e){return K()},onMouseDown:K},R.getOtherProps(I),N("content")),fe=P({classNames:L("transition"),in:A,timeout:{enter:120,exit:100},options:I.transitionOptions,unmountOnExit:!0,onEnter:ne,onEntered:re,onExit:oe,onExited:ae},N("transition")),e.createElement(a,S({nodeRef:Y},fe),e.createElement("div",S({ref:Y},pe),e.createElement("div",se,I.children),ue)));return e.createElement(d,{element:me,appendTo:I.appendTo})});z.displayName="OverlayPanel";export{z as OverlayPanel};

package/overlaypanel/overlaypanel.js

@@ -285,13 +285,28 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, componentb
       });
       align();
     };
+    var bindOverlayTimer = null;
     var onEntered = function onEntered() {
-      bindOverlayListener();
+      cancelOverlayBind();
+      /**
+       * With cssTransition=false, onEntered may run synchronously before visibleState updates, causing the outside-click listener not to bind.
+       * Fix: defer the binding to the next tick so it runs with the latest state (when=true). (issue: #8183)
+       */
+      bindOverlayTimer = setTimeout(function () {
+        bindOverlayListener();
+      });
       props.onShow && props.onShow();
     };
     var onExit = function onExit() {
+      cancelOverlayBind();
       unbindOverlayListener();
     };
+    var cancelOverlayBind = function cancelOverlayBind() {
+      if (bindOverlayTimer) {
+        clearTimeout(bindOverlayTimer);
+        bindOverlayTimer = null;
+      }
+    };
     var onExited = function onExited() {
       utils.ZIndexUtils.clear(overlayRef.current);
       props.onHide && props.onHide();

package/overlaypanel/overlaypanel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,n,t,r,o,a,l,i,c,u,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 y=f(n),d=p(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},v.apply(null,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,n){if("object"!=m(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=b(e,"string");return"symbol"==m(n)?n:n+""}function O(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function S(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,l,i=[],c=!0,u=!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){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function w(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function x(e,n){if(e){if("string"==typeof e)return w(e,n);var t={}.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)?w(e,n):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 E(e,n){return h(e)||S(e,n)||x(e,n)||P()}var j=r.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,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return s.classNames("p-overlaypanel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===d.default.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n    .p-overlaypanel {\n        position: absolute;\n        margin-top: 10px;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-overlaypanel-flipped {\n        margin-top: -10px;\n        margin-bottom: 10px;\n    }\n    \n    .p-overlaypanel-close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Animation */\n    .p-overlaypanel-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    \n    .p-overlaypanel-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-overlaypanel-enter-done {\n        transform: none;\n    }\n    \n    .p-overlaypanel-exit {\n        opacity: 1;\n    }\n    \n    .p-overlaypanel-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n    \n    .p-overlaypanel:after, .p-overlaypanel:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-overlaypanel:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-overlaypanel:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:before {\n        border-bottom-color: transparent\n    }\n}\n'}});function I(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){O(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=y.forwardRef((function(e,n){var p=a.useMergeProps(),f=y.useContext(t.PrimeReactContext),m=j.getProps(e,f),b=E(y.useState(!1),2),g=b[0],O=b[1],h=j.setMetaData({props:m,state:{visible:g}}),S=h.ptm,w=h.cx,x=h.isUnstyled;r.useHandleStyle(j.css.styles,x,{name:"overlaypanel"});var P=y.useRef(""),I=y.useRef(null),k=y.useRef(null),C=y.useRef(!1),H=y.useRef(null),A=y.useRef(null),N=E(a.useOverlayListener({target:k,overlay:I,listener:function(e,n){n.valid&&("outside"===n.type?(m.dismissable&&!C.current&&B(),C.current=!1):f.hideOverlaysOnDocumentScrolling?B():s.DomHandler.isDocument(e.target)||J())},when:g}),2),R=N[0],T=N[1],L=g&&m.closeOnEscape,_=a.useDisplayOrder("overlay-panel",L);a.useGlobalOnEscapeKey({callback:function(){B()},when:L&&_,priority:[a.ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL,_]});var M=function(e){return I&&I.current&&!(I.current.isSameNode(e)||I.current.contains(e))},U=function(e,n){return null!=k.current&&k.current!==(n||e.currentTarget||e.target)},z=function(){C.current=!0},Y=function(e,n){g?(B(),U(e,n)&&(k.current=n||e.currentTarget||e.target,setTimeout((function(){Z(e,k.current)}),200))):Z(e,n)},Z=function(e,n){k.current=n||e.currentTarget||e.target,g?J():(O(!0),A.current=function(e){!M(e.target)&&(C.current=!0)},i.OverlayService.on("overlay-click",A.current))},B=function(){O(!1),i.OverlayService.off("overlay-click",A.current),A.current=null},G=function(){I.current.setAttribute(P.current,""),s.ZIndexUtils.set("overlay",I.current,f&&f.autoZIndex||d.default.autoZIndex,f&&f.zIndex.overlay||d.default.zIndex.overlay),s.DomHandler.addStyles(I.current,{position:"absolute",top:"0",left:"0"}),J()},K=function(){R(),m.onShow&&m.onShow()},V=function(){T()},q=function(){s.ZIndexUtils.clear(I.current),m.onHide&&m.onHide()},J=function(){if(k.current&&I.current){s.DomHandler.absolutePosition(I.current,k.current);var e=s.DomHandler.getOffset(I.current),n=s.DomHandler.getOffset(k.current),t=0;e.left<n.left&&(t=n.left-e.left),I.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(I.current.setAttribute("data-p-overlaypanel-flipped","true"),x&&s.DomHandler.addClass(I.current,"p-overlaypanel-flipped")):(I.current.setAttribute("data-p-overlaypanel-flipped","false"),x&&s.DomHandler.removeClass(I.current,"p-overlaypanel-flipped"))}},X=function(){if(!H.current){H.current=s.DomHandler.createInlineStyle(f&&f.nonce||d.default.nonce,f&&f.styleContainer);var e="";for(var n in m.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(P.current,"] {\n                            width: ").concat(m.breakpoints[n],";\n                        }\n                    }\n                ");H.current.innerHTML=e}};a.useMountEffect((function(){P.current=s.UniqueComponentId(),m.breakpoints&&X()})),a.useUnmountEffect((function(){H.current=s.DomHandler.removeInlineStyle(H.current),A.current&&(i.OverlayService.off("overlay-click",A.current),A.current=null),s.ZIndexUtils.clear(I.current)})),y.useImperativeHandle(n,(function(){return{props:m,toggle:Y,show:Z,hide:B,align:J,isVisible:function(){return g},getElement:function(){return I.current}}}));var $,F,Q,W,ee=function(){var e=p({className:w("closeIcon"),"aria-hidden":!0},S("closeIcon")),n=s.IconUtils.getJSXIcon(m.closeIcon||y.createElement(l.TimesIcon,e),D({},e),{props:m}),r=p({type:"button",className:w("closeButton"),onClick:function(e){return n=e,B(),void n.preventDefault();var n},"aria-label":m.ariaCloseLabel||t.ariaLabel("close")},S("closeButton"));return m.showCloseIcon?y.createElement("button",r,n,y.createElement(u.Ripple,null)):null},ne=($=ee(),F=p({id:m.id,className:s.classNames(m.className,w("root",{context:f})),style:m.style,onClick:function(e){return n=e,C.current=!0,void i.OverlayService.emit("overlay-click",{originalEvent:n,target:k.current});var n}},j.getOtherProps(m),S("root")),Q=p({className:w("content"),onClick:function(e){return z()},onMouseDown:z},j.getOtherProps(m),S("content")),W=p({classNames:w("transition"),in:g,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:G,onEntered:K,onExit:V,onExited:q},S("transition")),y.createElement(o.CSSTransition,v({nodeRef:I},W),y.createElement("div",v({ref:I},F),y.createElement("div",Q,m.children),$)));return y.createElement(c.Portal,{element:ne,appendTo:m.appendTo})}));return k.displayName="OverlayPanel",e.OverlayPanel=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,n,t,r,o,l,a,i,c,u,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 y=f(n),d=p(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},v.apply(null,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,n){if("object"!=m(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=b(e,"string");return"symbol"==m(n)?n:n+""}function O(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function S(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function w(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function x(e,n){if(e){if("string"==typeof e)return w(e,n);var t={}.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)?w(e,n):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 E(e,n){return h(e)||S(e,n)||x(e,n)||P()}var j=r.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,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return s.classNames("p-overlaypanel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===d.default.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n    .p-overlaypanel {\n        position: absolute;\n        margin-top: 10px;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-overlaypanel-flipped {\n        margin-top: -10px;\n        margin-bottom: 10px;\n    }\n    \n    .p-overlaypanel-close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Animation */\n    .p-overlaypanel-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    \n    .p-overlaypanel-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-overlaypanel-enter-done {\n        transform: none;\n    }\n    \n    .p-overlaypanel-exit {\n        opacity: 1;\n    }\n    \n    .p-overlaypanel-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n    \n    .p-overlaypanel:after, .p-overlaypanel:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-overlaypanel:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-overlaypanel:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:before {\n        border-bottom-color: transparent\n    }\n}\n'}});function I(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach(function(n){O(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var k=y.forwardRef(function(e,n){var p=l.useMergeProps(),f=y.useContext(t.PrimeReactContext),m=j.getProps(e,f),b=E(y.useState(!1),2),g=b[0],O=b[1],h=j.setMetaData({props:m,state:{visible:g}}),S=h.ptm,w=h.cx,x=h.isUnstyled;r.useHandleStyle(j.css.styles,x,{name:"overlaypanel"});var P=y.useRef(""),I=y.useRef(null),k=y.useRef(null),C=y.useRef(!1),H=y.useRef(null),T=y.useRef(null),A=E(l.useOverlayListener({target:k,overlay:I,listener:function(e,n){n.valid&&("outside"===n.type?(m.dismissable&&!C.current&&B(),C.current=!1):f.hideOverlaysOnDocumentScrolling?B():s.DomHandler.isDocument(e.target)||$())},when:g}),2),N=A[0],R=A[1],L=g&&m.closeOnEscape,_=l.useDisplayOrder("overlay-panel",L);l.useGlobalOnEscapeKey({callback:function(){B()},when:L&&_,priority:[l.ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL,_]});var M=function(e){return I&&I.current&&!(I.current.isSameNode(e)||I.current.contains(e))},U=function(e,n){return null!=k.current&&k.current!==(n||e.currentTarget||e.target)},z=function(){C.current=!0},Y=function(e,n){g?(B(),U(e,n)&&(k.current=n||e.currentTarget||e.target,setTimeout(function(){Z(e,k.current)},200))):Z(e,n)},Z=function(e,n){k.current=n||e.currentTarget||e.target,g?$():(O(!0),T.current=function(e){!M(e.target)&&(C.current=!0)},i.OverlayService.on("overlay-click",T.current))},B=function(){O(!1),i.OverlayService.off("overlay-click",T.current),T.current=null},G=function(){I.current.setAttribute(P.current,""),s.ZIndexUtils.set("overlay",I.current,f&&f.autoZIndex||d.default.autoZIndex,f&&f.zIndex.overlay||d.default.zIndex.overlay),s.DomHandler.addStyles(I.current,{position:"absolute",top:"0",left:"0"}),$()},K=null,V=function(){J(),K=setTimeout(function(){N()}),m.onShow&&m.onShow()},q=function(){J(),R()},J=function(){K&&(clearTimeout(K),K=null)},X=function(){s.ZIndexUtils.clear(I.current),m.onHide&&m.onHide()},$=function(){if(k.current&&I.current){s.DomHandler.absolutePosition(I.current,k.current);var e=s.DomHandler.getOffset(I.current),n=s.DomHandler.getOffset(k.current),t=0;e.left<n.left&&(t=n.left-e.left),I.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(I.current.setAttribute("data-p-overlaypanel-flipped","true"),x&&s.DomHandler.addClass(I.current,"p-overlaypanel-flipped")):(I.current.setAttribute("data-p-overlaypanel-flipped","false"),x&&s.DomHandler.removeClass(I.current,"p-overlaypanel-flipped"))}},F=function(){if(!H.current){H.current=s.DomHandler.createInlineStyle(f&&f.nonce||d.default.nonce,f&&f.styleContainer);var e="";for(var n in m.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(P.current,"] {\n                            width: ").concat(m.breakpoints[n],";\n                        }\n                    }\n                ");H.current.innerHTML=e}};l.useMountEffect(function(){P.current=s.UniqueComponentId(),m.breakpoints&&F()}),l.useUnmountEffect(function(){H.current=s.DomHandler.removeInlineStyle(H.current),T.current&&(i.OverlayService.off("overlay-click",T.current),T.current=null),s.ZIndexUtils.clear(I.current)}),y.useImperativeHandle(n,function(){return{props:m,toggle:Y,show:Z,hide:B,align:$,isVisible:function(){return g},getElement:function(){return I.current}}});var Q,W,ee,ne,te=function(){var e=p({className:w("closeIcon"),"aria-hidden":!0},S("closeIcon")),n=s.IconUtils.getJSXIcon(m.closeIcon||y.createElement(a.TimesIcon,e),D({},e),{props:m}),r=p({type:"button",className:w("closeButton"),onClick:function(e){return n=e,B(),void n.preventDefault();var n},"aria-label":m.ariaCloseLabel||t.ariaLabel("close")},S("closeButton"));return m.showCloseIcon?y.createElement("button",r,n,y.createElement(u.Ripple,null)):null},re=(Q=te(),W=p({id:m.id,className:s.classNames(m.className,w("root",{context:f})),style:m.style,onClick:function(e){return n=e,C.current=!0,void i.OverlayService.emit("overlay-click",{originalEvent:n,target:k.current});var n}},j.getOtherProps(m),S("root")),ee=p({className:w("content"),onClick:function(e){return z()},onMouseDown:z},j.getOtherProps(m),S("content")),ne=p({classNames:w("transition"),in:g,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:G,onEntered:V,onExit:q,onExited:X},S("transition")),y.createElement(o.CSSTransition,v({nodeRef:I},ne),y.createElement("div",v({ref:I},W),y.createElement("div",ee,m.children),Q)));return y.createElement(c.Portal,{element:re,appendTo:m.appendTo})});return k.displayName="OverlayPanel",e.OverlayPanel=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);

package/overlayservice/overlayservice.min.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "10.9.6",
+    "version": "10.9.8",
     "private": false,
     "author": "PrimeTek Informatics",
     "description": "PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",