primereact 10.2.1 → 10.3.1

package/organizationchart/organizationchart.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/componentbase"),r=require("primereact/icons/chevrondown"),o=require("primereact/icons/chevronup"),l=require("primereact/api");function i(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var a=i(e);function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(e){if(Array.isArray(e))return c(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,n){if(e){if("string"==typeof e)return c(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,n):void 0}}function p(){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 g=t.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 t=e.node;return n.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.nodeProps.selectionMode&&!1!==t.selectable,"p-highlight":e.selected},t.className)},nodes:"p-organizationchart-nodes",lines:"p-organizationchart-lines",lineLeft:function(e){return n.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==e.index})},lineRight:function(e){return n.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 m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function f(e){return f="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},f(e)}function h(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=h(e,"string");return"symbol"===f(n)?n:String(n)}function y(e){if(Array.isArray(e))return e}function v(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 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 O(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 P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?O(Object(t),!0).forEach((function(n){var r,o,l;r=e,l=t[n],(o=b(o=n))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var S=a.memo((function(e){var t,l,i,c,s,u,p,g,f,h,b,O,E=e.node,j=a.useState(E.expanded),w=(l=2,y(t=j)||v(t,l)||d(t,l)||N()),x=w[0],z=w[1],C=!1!==E.leaf&&!(E.children&&E.children.length),I=E.children&&E.children.length?2*E.children.length:null,T=e.isSelected(E),M=!C&&x?"inherit":"hidden",D=e.ptm,k=e.cx,U=e.sx,A=function(n,t){return D(n,P({hostName:e.hostName},t))},_=function(n){return A(n,{state:{expanded:x},context:{selected:e.isSelected(E)}})},q=function(e,n){return A(n,{context:{lineTop:e}})},R=function(n,t){e.onNodeClick(n,t)},L=function(){if(!C){var t=n.mergeProps({className:k("nodeTogglerIcon")},A("nodeTogglerIcon")),l=n.IconUtils.getJSXIcon(x?e.togglerIcon||a.createElement(r.ChevronDownIcon,t):e.togglerIcon||a.createElement(o.ChevronUpIcon,t),P({},t),{props:e}),i=n.mergeProps({className:k("nodeToggler"),onClick:function(e){return n=e,z((function(e){return!e})),void n.preventDefault();var n},href:"#"},_("nodeToggler"));return a.createElement("a",i,a.createElement("i",null," ",l," "))}return null},H=function(){var t=e.nodeTemplate&&n.ObjectUtils.getJSXElement(e.nodeTemplate,E)||E.label;return a.createElement("div",null,t)},J=(i=H(),c=L(),s=n.mergeProps({colSpan:I},A("cell")),u=n.mergeProps({className:k("node",{selected:T,node:E,nodeProps:e}),style:E.style,onClick:function(e){return R(e,E)}},_("node")),p=n.mergeProps(A("row")),a.createElement("tr",p,a.createElement("td",s,a.createElement("div",u,i,c)))),X=(g=n.mergeProps({className:k("lines"),style:{visibility:M}},A("lines")),f=n.mergeProps({colSpan:I},A("lineCell")),h=n.mergeProps({className:k("lineDown")},A("lineDown")),a.createElement("tr",g,a.createElement("td",f,a.createElement("div",h)))),B=function(){var e=E.children&&E.children.length,t=n.mergeProps({className:k("lines"),style:{visibility:M}},A("lines")),r=n.mergeProps({colSpan:I},A("lineCell")),o=n.mergeProps({className:k("lineDown")},A("lineDown"));return a.createElement("tr",t,E.children&&1===E.children.length&&a.createElement("td",r,a.createElement("div",o)),E.children&&E.children.length>1&&E.children.map((function(t,r){var o=n.mergeProps({className:k("lineLeft",{index:r})},q(0!==r,"lineLeft")),l=n.mergeProps({className:k("lineRight",{index:r,nodeChildLength:e})},q(r!==e-1,"lineRight"));return[a.createElement("td",m({key:r+"_lineleft"},o)," "),a.createElement("td",m({key:r+"_lineright"},l)," ")]})))}(),Y=(b=n.mergeProps({className:k("nodes"),style:{visibility:M}},A("nodes")),O=n.mergeProps({colSpan:"2"},A("nodeCell")),a.createElement("tr",b,E.children&&E.children.map((function(n,t){return a.createElement("td",m({key:t},O),a.createElement(S,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon,ptm:D,cx:k,sx:U}))})))),$=n.mergeProps({className:k("table")},A("table"));return a.createElement("table",$,a.createElement("tbody",null,J,X,B,Y))}));S.displayName="OrganizationChartNode";var E=a.memo(a.forwardRef((function(e,r){var o=a.useContext(l.PrimeReactContext),i=g.getProps(e,o),c=g.setMetaData({props:i}),m=c.ptm,f=c.cx,h=c.sx;t.useHandleStyle(g.css.styles,c.isUnstyled,{name:"orgchart"});var b=a.useRef(null),y=i.value&&i.value.length?i.value[0]:null,v=function(e){if(i.selectionMode&&i.selection){if("single"===i.selectionMode)return i.selection===e?0:-1;if("multiple"===i.selectionMode)return i.selection.findIndex((function(n){return n===e}))}return-1};a.useImperativeHandle(r,(function(){return{props:i,getElement:function(){return b.current}}}));var N=n.mergeProps({id:i.id,ref:b,style:i.style,className:n.classNames(i.className,f("root"))},g.getOtherProps(i),m("root"));return a.createElement("div",N,a.createElement(S,{hostName:"OrganizationChart",node:y,nodeTemplate:i.nodeTemplate,selectionMode:i.selectionMode,onNodeClick:function(e,t){if(i.selectionMode){var r=e.target;if(!1===t.selectable||n.DomHandler.hasClass(r,"p-node-toggler")||n.DomHandler.hasClass(r,"p-node-toggler-icon"))return;var o,l=v(t),a=l>=0;"single"===i.selectionMode?a?(o=null,i.onNodeUnselect&&i.onNodeUnselect({originalEvent:e,node:t})):(o=t,i.onNodeSelect&&i.onNodeSelect({originalEvent:e,node:t})):"multiple"===i.selectionMode&&(a?(o=i.selection.filter((function(e,n){return n!==l})),i.onNodeUnselect&&i.onNodeUnselect({originalEvent:e,node:t})):(o=[].concat(s(c=i.selection||[])||u(c)||d(c)||p(),[t]),i.onNodeSelect&&i.onNodeSelect({originalEvent:e,node:t}))),i.onSelectionChange&&i.onSelectionChange({originalEvent:e,data:o})}var c},isSelected:function(e){return-1!==v(e)},togglerIcon:i.togglerIcon,ptm:m,cx:f,sx:h}))})));E.displayName="OrganizationChart",exports.OrganizationChart=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/componentbase"),r=require("primereact/icons/chevrondown"),o=require("primereact/icons/chevronup"),l=require("primereact/api");function i(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var a=i(e);function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(e){if(Array.isArray(e))return c(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,n){if(e){if("string"==typeof e)return c(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,n):void 0}}function p(){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 g=t.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 t=e.node;return n.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.nodeProps.selectionMode&&!1!==t.selectable,"p-highlight":e.selected},t.className)},nodes:"p-organizationchart-nodes",lines:"p-organizationchart-lines",lineLeft:function(e){return n.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==e.index})},lineRight:function(e){return n.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 m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function f(e){return f="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},f(e)}function h(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=h(e,"string");return"symbol"===f(n)?n:String(n)}function y(e){if(Array.isArray(e))return e}function v(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 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 O(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 S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?O(Object(t),!0).forEach((function(n){var r,o,l;r=e,l=t[n],(o=b(o=n))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=a.memo((function(e){var t,l,i,c,s,u,p,g,f,h,b,O,P=e.node,w=a.useState(P.expanded),j=(l=2,y(t=w)||v(t,l)||d(t,l)||N()),x=j[0],z=j[1],C=!1!==P.leaf&&!(P.children&&P.children.length),I=P.children&&P.children.length?2*P.children.length:null,T=e.isSelected(P),D=!C&&x?"inherit":"hidden",M=e.ptm,k=e.cx,U=e.sx,A=function(n,t){return M(n,S({hostName:e.hostName},t))},_=function(n){return A(n,{state:{expanded:x},context:{selected:e.isSelected(P)}})},q=function(e,n){return A(n,{context:{lineTop:e}})},R=function(n,t){e.onNodeClick(n,t)},L=function(e,n){z((function(e){return!e})),e.preventDefault()},H=function(){if(!C){var t=n.mergeProps({className:k("nodeTogglerIcon")},A("nodeTogglerIcon")),l=n.IconUtils.getJSXIcon(x?e.togglerIcon||a.createElement(r.ChevronDownIcon,t):e.togglerIcon||a.createElement(o.ChevronUpIcon,t),S({},t),{props:e}),i=n.mergeProps({className:k("nodeToggler"),tabIndex:0,onKeyDown:function(e){var n;"Enter"!==(n=e).code&&"NumpadEnter"!==n.code&&"Space"!==n.code||(L(n),n.preventDefault())},onClick:function(e){return L(e)},href:"#"},_("nodeToggler"));return a.createElement("a",i,a.createElement("i",null," ",l," "))}return null},J=function(){var t=e.nodeTemplate&&n.ObjectUtils.getJSXElement(e.nodeTemplate,P)||P.label;return a.createElement("div",null,t)},X=(i=J(),c=H(),s=n.mergeProps({colSpan:I},A("cell")),u=n.mergeProps({className:k("node",{selected:T,node:P,nodeProps:e}),style:P.style,onClick:function(e){return R(e,P)}},_("node")),p=n.mergeProps(A("row")),a.createElement("tr",p,a.createElement("td",s,a.createElement("div",u,i,c)))),B=(g=n.mergeProps({className:k("lines"),style:{visibility:D}},A("lines")),f=n.mergeProps({colSpan:I},A("lineCell")),h=n.mergeProps({className:k("lineDown")},A("lineDown")),a.createElement("tr",g,a.createElement("td",f,a.createElement("div",h)))),K=function(){var e=P.children&&P.children.length,t=n.mergeProps({className:k("lines"),style:{visibility:D}},A("lines")),r=n.mergeProps({colSpan:I},A("lineCell")),o=n.mergeProps({className:k("lineDown")},A("lineDown"));return a.createElement("tr",t,P.children&&1===P.children.length&&a.createElement("td",r,a.createElement("div",o)),P.children&&P.children.length>1&&P.children.map((function(t,r){var o=n.mergeProps({className:k("lineLeft",{index:r})},q(0!==r,"lineLeft")),l=n.mergeProps({className:k("lineRight",{index:r,nodeChildLength:e})},q(r!==e-1,"lineRight"));return[a.createElement("td",m({key:r+"_lineleft"},o)," "),a.createElement("td",m({key:r+"_lineright"},l)," ")]})))}(),Y=(b=n.mergeProps({className:k("nodes"),style:{visibility:D}},A("nodes")),O=n.mergeProps({colSpan:"2"},A("nodeCell")),a.createElement("tr",b,P.children&&P.children.map((function(n,t){return a.createElement("td",m({key:t},O),a.createElement(E,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon,ptm:M,cx:k,sx:U}))})))),$=n.mergeProps({className:k("table")},A("table"));return a.createElement("table",$,a.createElement("tbody",null,X,B,K,Y))}));E.displayName="OrganizationChartNode";var P=a.memo(a.forwardRef((function(e,r){var o=a.useContext(l.PrimeReactContext),i=g.getProps(e,o),c=g.setMetaData({props:i}),m=c.ptm,f=c.cx,h=c.sx;t.useHandleStyle(g.css.styles,c.isUnstyled,{name:"orgchart"});var b=a.useRef(null),y=i.value&&i.value.length?i.value[0]:null,v=function(e){if(i.selectionMode&&i.selection){if("single"===i.selectionMode)return i.selection===e?0:-1;if("multiple"===i.selectionMode)return i.selection.findIndex((function(n){return n===e}))}return-1};a.useImperativeHandle(r,(function(){return{props:i,getElement:function(){return b.current}}}));var N=n.mergeProps({id:i.id,ref:b,style:i.style,className:n.classNames(i.className,f("root"))},g.getOtherProps(i),m("root"));return a.createElement("div",N,a.createElement(E,{hostName:"OrganizationChart",node:y,nodeTemplate:i.nodeTemplate,selectionMode:i.selectionMode,onNodeClick:function(e,t){if(i.selectionMode){var r=e.target;if(!1===t.selectable||n.DomHandler.hasClass(r,"p-node-toggler")||n.DomHandler.hasClass(r,"p-node-toggler-icon"))return;var o,l=v(t),a=l>=0;"single"===i.selectionMode?a?(o=null,i.onNodeUnselect&&i.onNodeUnselect({originalEvent:e,node:t})):(o=t,i.onNodeSelect&&i.onNodeSelect({originalEvent:e,node:t})):"multiple"===i.selectionMode&&(a?(o=i.selection.filter((function(e,n){return n!==l})),i.onNodeUnselect&&i.onNodeUnselect({originalEvent:e,node:t})):(o=[].concat(s(c=i.selection||[])||u(c)||d(c)||p(),[t]),i.onNodeSelect&&i.onNodeSelect({originalEvent:e,node:t}))),i.onSelectionChange&&i.onSelectionChange({originalEvent:e,data:o})}var c},isSelected:function(e){return-1!==v(e)},togglerIcon:i.togglerIcon,ptm:m,cx:f,sx:h}))})));P.displayName="OrganizationChart",exports.OrganizationChart=P;

package/organizationchart/organizationchart.esm.js

@@ -233,6 +233,12 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
     });
     event.preventDefault();
   };
+  var _onKeyDown = function onKeyDown(event, node) {
+    if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
+      toggleNode(event);
+      event.preventDefault();
+    }
+  };
   var createChildNodes = function createChildNodes() {
     var nodesProps = mergeProps({
       className: cx('nodes'),
@@ -323,6 +329,10 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
       });
       var nodeTogglerProps = mergeProps({
         className: cx('nodeToggler'),
+        tabIndex: 0,
+        onKeyDown: function onKeyDown(e) {
+          return _onKeyDown(e);
+        },
         onClick: function onClick(e) {
           return toggleNode(e);
         },

package/organizationchart/organizationchart.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{classNames as n,mergeProps as t,IconUtils as r,ObjectUtils as o,DomHandler as l}from"primereact/utils";import{ComponentBase as i,useHandleStyle as a}from"primereact/componentbase";import{ChevronDownIcon as c}from"primereact/icons/chevrondown";import{ChevronUpIcon as s}from"primereact/icons/chevronup";import{PrimeReactContext as d}from"primereact/api";function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function 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=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?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=i.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 t=e.node;return n("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.nodeProps.selectionMode&&!1!==t.selectable,"p-highlight":e.selected},t.className)},nodes:"p-organizationchart-nodes",lines:"p-organizationchart-lines",lineLeft:function(e){return n("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==e.index})},lineRight:function(e){return n("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)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},y.apply(this,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)||null===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 S(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function E(e){if(Array.isArray(e))return e}function N(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 x(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){var r,o,l;r=e,l=t[n],(o=S(o=n))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):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 z=e.memo((function(n){var l,i,a,d,u,p,m,f,h,b,v,S,w=n.node,j=e.useState(w.expanded),C=(i=2,E(l=j)||N(l,i)||g(l,i)||O()),I=C[0],P=C[1],T=!1!==w.leaf&&!(w.children&&w.children.length),M=w.children&&w.children.length?2*w.children.length:null,k=n.isSelected(w),D=!T&&I?"inherit":"hidden",A=n.ptm,U=n.cx,L=n.sx,R=function(e,t){return A(e,x({hostName:n.hostName},t))},_=function(e){return R(e,{state:{expanded:I},context:{selected:n.isSelected(w)}})},J=function(e,n){return R(n,{context:{lineTop:e}})},X=function(e,t){n.onNodeClick(e,t)},H=function(){if(!T){var o=t({className:U("nodeTogglerIcon")},R("nodeTogglerIcon")),l=r.getJSXIcon(I?n.togglerIcon||e.createElement(c,o):n.togglerIcon||e.createElement(s,o),x({},o),{props:n}),i=t({className:U("nodeToggler"),onClick:function(e){return n=e,P((function(e){return!e})),void n.preventDefault();var n},href:"#"},_("nodeToggler"));return e.createElement("a",i,e.createElement("i",null," ",l," "))}return null},Y=function(){var t=n.nodeTemplate&&o.getJSXElement(n.nodeTemplate,w)||w.label;return e.createElement("div",null,t)},$=(a=Y(),d=H(),u=t({colSpan:M},R("cell")),p=t({className:U("node",{selected:k,node:w,nodeProps:n}),style:w.style,onClick:function(e){return X(e,w)}},_("node")),m=t(R("row")),e.createElement("tr",m,e.createElement("td",u,e.createElement("div",p,a,d)))),q=(f=t({className:U("lines"),style:{visibility:D}},R("lines")),h=t({colSpan:M},R("lineCell")),b=t({className:U("lineDown")},R("lineDown")),e.createElement("tr",f,e.createElement("td",h,e.createElement("div",b)))),B=function(){var n=w.children&&w.children.length,r=t({className:U("lines"),style:{visibility:D}},R("lines")),o=t({colSpan:M},R("lineCell")),l=t({className:U("lineDown")},R("lineDown"));return e.createElement("tr",r,w.children&&1===w.children.length&&e.createElement("td",o,e.createElement("div",l)),w.children&&w.children.length>1&&w.children.map((function(r,o){var l=t({className:U("lineLeft",{index:o})},J(0!==o,"lineLeft")),i=t({className:U("lineRight",{index:o,nodeChildLength:n})},J(o!==n-1,"lineRight"));return[e.createElement("td",y({key:o+"_lineleft"},l)," "),e.createElement("td",y({key:o+"_lineright"},i)," ")]})))}(),F=(v=t({className:U("nodes"),style:{visibility:D}},R("nodes")),S=t({colSpan:"2"},R("nodeCell")),e.createElement("tr",v,w.children&&w.children.map((function(t,r){return e.createElement("td",y({key:r},S),e.createElement(z,{node:t,nodeTemplate:n.nodeTemplate,selectionMode:n.selectionMode,onNodeClick:n.onNodeClick,isSelected:n.isSelected,togglerIcon:n.togglerIcon,ptm:A,cx:U,sx:L}))})))),G=t({className:U("table")},R("table"));return e.createElement("table",G,e.createElement("tbody",null,$,q,B,F))}));z.displayName="OrganizationChartNode";var j=e.memo(e.forwardRef((function(r,o){var i=e.useContext(d),c=h.getProps(r,i),s=h.setMetaData({props:c}),u=s.ptm,y=s.cx,b=s.sx;a(h.css.styles,s.isUnstyled,{name:"orgchart"});var v=e.useRef(null),S=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};e.useImperativeHandle(o,(function(){return{props:c,getElement:function(){return v.current}}}));var N=t({id:c.id,ref:v,style:c.style,className:n(c.className,y("root"))},h.getOtherProps(c),u("root"));return e.createElement("div",N,e.createElement(z,{hostName:"OrganizationChart",node:S,nodeTemplate:c.nodeTemplate,selectionMode:c.selectionMode,onNodeClick:function(e,n){if(c.selectionMode){var t=e.target;if(!1===n.selectable||l.hasClass(t,"p-node-toggler")||l.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(p(a=c.selection||[])||m(a)||g(a)||f(),[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:u,cx:y,sx:b}))})));j.displayName="OrganizationChart";export{j as OrganizationChart};
+import*as e from"react";import{classNames as n,mergeProps as t,IconUtils as r,ObjectUtils as o,DomHandler as l}from"primereact/utils";import{ComponentBase as i,useHandleStyle as a}from"primereact/componentbase";import{ChevronDownIcon as c}from"primereact/icons/chevrondown";import{ChevronUpIcon as s}from"primereact/icons/chevronup";import{PrimeReactContext as d}from"primereact/api";function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function 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=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?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=i.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 t=e.node;return n("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.nodeProps.selectionMode&&!1!==t.selectable,"p-highlight":e.selected},t.className)},nodes:"p-organizationchart-nodes",lines:"p-organizationchart-lines",lineLeft:function(e){return n("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==e.index})},lineRight:function(e){return n("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)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},y.apply(this,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)||null===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 S(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function E(e){if(Array.isArray(e))return e}function N(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 x(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){var r,o,l;r=e,l=t[n],(o=S(o=n))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):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 z=e.memo((function(n){var l,i,a,d,u,p,m,f,h,b,v,S,w=n.node,j=e.useState(w.expanded),C=(i=2,E(l=j)||N(l,i)||g(l,i)||O()),I=C[0],P=C[1],T=!1!==w.leaf&&!(w.children&&w.children.length),M=w.children&&w.children.length?2*w.children.length:null,D=n.isSelected(w),k=!T&&I?"inherit":"hidden",A=n.ptm,U=n.cx,L=n.sx,R=function(e,t){return A(e,x({hostName:n.hostName},t))},_=function(e){return R(e,{state:{expanded:I},context:{selected:n.isSelected(w)}})},J=function(e,n){return R(n,{context:{lineTop:e}})},X=function(e,t){n.onNodeClick(e,t)},H=function(e,n){P((function(e){return!e})),e.preventDefault()},K=function(){if(!T){var o=t({className:U("nodeTogglerIcon")},R("nodeTogglerIcon")),l=r.getJSXIcon(I?n.togglerIcon||e.createElement(c,o):n.togglerIcon||e.createElement(s,o),x({},o),{props:n}),i=t({className:U("nodeToggler"),tabIndex:0,onKeyDown:function(e){var n;"Enter"!==(n=e).code&&"NumpadEnter"!==n.code&&"Space"!==n.code||(H(n),n.preventDefault())},onClick:function(e){return H(e)},href:"#"},_("nodeToggler"));return e.createElement("a",i,e.createElement("i",null," ",l," "))}return null},Y=function(){var t=n.nodeTemplate&&o.getJSXElement(n.nodeTemplate,w)||w.label;return e.createElement("div",null,t)},$=(a=Y(),d=K(),u=t({colSpan:M},R("cell")),p=t({className:U("node",{selected:D,node:w,nodeProps:n}),style:w.style,onClick:function(e){return X(e,w)}},_("node")),m=t(R("row")),e.createElement("tr",m,e.createElement("td",u,e.createElement("div",p,a,d)))),q=(f=t({className:U("lines"),style:{visibility:k}},R("lines")),h=t({colSpan:M},R("lineCell")),b=t({className:U("lineDown")},R("lineDown")),e.createElement("tr",f,e.createElement("td",h,e.createElement("div",b)))),B=function(){var n=w.children&&w.children.length,r=t({className:U("lines"),style:{visibility:k}},R("lines")),o=t({colSpan:M},R("lineCell")),l=t({className:U("lineDown")},R("lineDown"));return e.createElement("tr",r,w.children&&1===w.children.length&&e.createElement("td",o,e.createElement("div",l)),w.children&&w.children.length>1&&w.children.map((function(r,o){var l=t({className:U("lineLeft",{index:o})},J(0!==o,"lineLeft")),i=t({className:U("lineRight",{index:o,nodeChildLength:n})},J(o!==n-1,"lineRight"));return[e.createElement("td",y({key:o+"_lineleft"},l)," "),e.createElement("td",y({key:o+"_lineright"},i)," ")]})))}(),F=(v=t({className:U("nodes"),style:{visibility:k}},R("nodes")),S=t({colSpan:"2"},R("nodeCell")),e.createElement("tr",v,w.children&&w.children.map((function(t,r){return e.createElement("td",y({key:r},S),e.createElement(z,{node:t,nodeTemplate:n.nodeTemplate,selectionMode:n.selectionMode,onNodeClick:n.onNodeClick,isSelected:n.isSelected,togglerIcon:n.togglerIcon,ptm:A,cx:U,sx:L}))})))),G=t({className:U("table")},R("table"));return e.createElement("table",G,e.createElement("tbody",null,$,q,B,F))}));z.displayName="OrganizationChartNode";var j=e.memo(e.forwardRef((function(r,o){var i=e.useContext(d),c=h.getProps(r,i),s=h.setMetaData({props:c}),u=s.ptm,y=s.cx,b=s.sx;a(h.css.styles,s.isUnstyled,{name:"orgchart"});var v=e.useRef(null),S=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};e.useImperativeHandle(o,(function(){return{props:c,getElement:function(){return v.current}}}));var N=t({id:c.id,ref:v,style:c.style,className:n(c.className,y("root"))},h.getOtherProps(c),u("root"));return e.createElement("div",N,e.createElement(z,{hostName:"OrganizationChart",node:S,nodeTemplate:c.nodeTemplate,selectionMode:c.selectionMode,onNodeClick:function(e,n){if(c.selectionMode){var t=e.target;if(!1===n.selectable||l.hasClass(t,"p-node-toggler")||l.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(p(a=c.selection||[])||m(a)||g(a)||f(),[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:u,cx:y,sx:b}))})));j.displayName="OrganizationChart";export{j as OrganizationChart};

package/organizationchart/organizationchart.js

@@ -249,6 +249,12 @@ this.primereact.organizationchart = (function (exports, React, utils, componentb
       });
       event.preventDefault();
     };
+    var _onKeyDown = function onKeyDown(event, node) {
+      if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
+        toggleNode(event);
+        event.preventDefault();
+      }
+    };
     var createChildNodes = function createChildNodes() {
       var nodesProps = utils.mergeProps({
         className: cx('nodes'),
@@ -339,6 +345,10 @@ this.primereact.organizationchart = (function (exports, React, utils, componentb
         });
         var nodeTogglerProps = utils.mergeProps({
           className: cx('nodeToggler'),
+          tabIndex: 0,
+          onKeyDown: function onKeyDown(e) {
+            return _onKeyDown(e);
+          },
           onClick: function onClick(e) {
             return toggleNode(e);
           },

package/organizationchart/organizationchart.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.organizationchart=function(e,n,t,r,o,l,i){"use strict";function a(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 c=a(n);function s(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function u(e){if(Array.isArray(e))return s(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return s(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?s(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 m=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 t.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 t.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==e.index})},lineRight:function(e){return t.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 f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function h(e){return h="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},h(e)}function b(e,n){if("object"!==h(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=b(e,"string");return"symbol"===h(n)?n:String(n)}function v(e){if(Array.isArray(e))return e}function N(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 P(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 S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){var r,o,l;r=e,l=t[n],(o=y(o=n))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=c.memo((function(e){var n,r,i,a,s,u,d,g,m,h,b,y,P=e.node,j=c.useState(P.expanded),w=(r=2,v(n=j)||N(n,r)||p(n,r)||O()),z=w[0],x=w[1],C=!1!==P.leaf&&!(P.children&&P.children.length),I=P.children&&P.children.length?2*P.children.length:null,T=e.isSelected(P),M=!C&&z?"inherit":"hidden",D=e.ptm,k=e.cx,U=e.sx,A=function(n,t){return D(n,S({hostName:e.hostName},t))},_=function(n){return A(n,{state:{expanded:z},context:{selected:e.isSelected(P)}})},R=function(e,n){return A(n,{context:{lineTop:e}})},L=function(n,t){e.onNodeClick(n,t)},H=function(){if(!C){var n=t.mergeProps({className:k("nodeTogglerIcon")},A("nodeTogglerIcon")),r=t.IconUtils.getJSXIcon(z?e.togglerIcon||c.createElement(o.ChevronDownIcon,n):e.togglerIcon||c.createElement(l.ChevronUpIcon,n),S({},n),{props:e}),i=t.mergeProps({className:k("nodeToggler"),onClick:function(e){return n=e,x((function(e){return!e})),void n.preventDefault();var n},href:"#"},_("nodeToggler"));return c.createElement("a",i,c.createElement("i",null," ",r," "))}return null},J=function(){var n=e.nodeTemplate&&t.ObjectUtils.getJSXElement(e.nodeTemplate,P)||P.label;return c.createElement("div",null,n)},X=(i=J(),a=H(),s=t.mergeProps({colSpan:I},A("cell")),u=t.mergeProps({className:k("node",{selected:T,node:P,nodeProps:e}),style:P.style,onClick:function(e){return L(e,P)}},_("node")),d=t.mergeProps(A("row")),c.createElement("tr",d,c.createElement("td",s,c.createElement("div",u,i,a)))),B=(g=t.mergeProps({className:k("lines"),style:{visibility:M}},A("lines")),m=t.mergeProps({colSpan:I},A("lineCell")),h=t.mergeProps({className:k("lineDown")},A("lineDown")),c.createElement("tr",g,c.createElement("td",m,c.createElement("div",h)))),Y=function(){var e=P.children&&P.children.length,n=t.mergeProps({className:k("lines"),style:{visibility:M}},A("lines")),r=t.mergeProps({colSpan:I},A("lineCell")),o=t.mergeProps({className:k("lineDown")},A("lineDown"));return c.createElement("tr",n,P.children&&1===P.children.length&&c.createElement("td",r,c.createElement("div",o)),P.children&&P.children.length>1&&P.children.map((function(n,r){var o=t.mergeProps({className:k("lineLeft",{index:r})},R(0!==r,"lineLeft")),l=t.mergeProps({className:k("lineRight",{index:r,nodeChildLength:e})},R(r!==e-1,"lineRight"));return[c.createElement("td",f({key:r+"_lineleft"},o)," "),c.createElement("td",f({key:r+"_lineright"},l)," ")]})))}(),$=(b=t.mergeProps({className:k("nodes"),style:{visibility:M}},A("nodes")),y=t.mergeProps({colSpan:"2"},A("nodeCell")),c.createElement("tr",b,P.children&&P.children.map((function(n,t){return c.createElement("td",f({key:t},y),c.createElement(E,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon,ptm:D,cx:k,sx:U}))})))),q=t.mergeProps({className:k("table")},A("table"));return c.createElement("table",q,c.createElement("tbody",null,X,B,Y,$))}));E.displayName="OrganizationChartNode";var j=c.memo(c.forwardRef((function(e,n){var o=c.useContext(i.PrimeReactContext),l=m.getProps(e,o),a=m.setMetaData({props:l}),s=a.ptm,f=a.cx,h=a.sx;r.useHandleStyle(m.css.styles,a.isUnstyled,{name:"orgchart"});var b=c.useRef(null),y=l.value&&l.value.length?l.value[0]:null,v=function(e){if(l.selectionMode&&l.selection){if("single"===l.selectionMode)return l.selection===e?0:-1;if("multiple"===l.selectionMode)return l.selection.findIndex((function(n){return n===e}))}return-1};c.useImperativeHandle(n,(function(){return{props:l,getElement:function(){return b.current}}}));var N=t.mergeProps({id:l.id,ref:b,style:l.style,className:t.classNames(l.className,f("root"))},m.getOtherProps(l),s("root"));return c.createElement("div",N,c.createElement(E,{hostName:"OrganizationChart",node:y,nodeTemplate:l.nodeTemplate,selectionMode:l.selectionMode,onNodeClick:function(e,n){if(l.selectionMode){var r=e.target;if(!1===n.selectable||t.DomHandler.hasClass(r,"p-node-toggler")||t.DomHandler.hasClass(r,"p-node-toggler-icon"))return;var o,i=v(n),a=i>=0;"single"===l.selectionMode?a?(o=null,l.onNodeUnselect&&l.onNodeUnselect({originalEvent:e,node:n})):(o=n,l.onNodeSelect&&l.onNodeSelect({originalEvent:e,node:n})):"multiple"===l.selectionMode&&(a?(o=l.selection.filter((function(e,n){return n!==i})),l.onNodeUnselect&&l.onNodeUnselect({originalEvent:e,node:n})):(o=[].concat(u(c=l.selection||[])||d(c)||p(c)||g(),[n]),l.onNodeSelect&&l.onNodeSelect({originalEvent:e,node:n}))),l.onSelectionChange&&l.onSelectionChange({originalEvent:e,data:o})}var c},isSelected:function(e){return-1!==v(e)},togglerIcon:l.togglerIcon,ptm:s,cx:f,sx:h}))})));return j.displayName="OrganizationChart",e.OrganizationChart=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase,primereact.icons.chevrondown,primereact.icons.chevronup,primereact.api);
+this.primereact=this.primereact||{},this.primereact.organizationchart=function(e,n,t,r,o,l,i){"use strict";function a(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 c=a(n);function s(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function u(e){if(Array.isArray(e))return s(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return s(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?s(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 m=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 t.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 t.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==e.index})},lineRight:function(e){return t.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 f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function h(e){return h="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},h(e)}function b(e,n){if("object"!==h(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=b(e,"string");return"symbol"===h(n)?n:String(n)}function v(e){if(Array.isArray(e))return e}function N(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 S(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 E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){var r,o,l;r=e,l=t[n],(o=y(o=n))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=c.memo((function(e){var n,r,i,a,s,u,d,g,m,h,b,y,S=e.node,w=c.useState(S.expanded),j=(r=2,v(n=w)||N(n,r)||p(n,r)||O()),x=j[0],z=j[1],C=!1!==S.leaf&&!(S.children&&S.children.length),I=S.children&&S.children.length?2*S.children.length:null,T=e.isSelected(S),D=!C&&x?"inherit":"hidden",M=e.ptm,k=e.cx,U=e.sx,A=function(n,t){return M(n,E({hostName:e.hostName},t))},_=function(n){return A(n,{state:{expanded:x},context:{selected:e.isSelected(S)}})},R=function(e,n){return A(n,{context:{lineTop:e}})},L=function(n,t){e.onNodeClick(n,t)},H=function(e,n){z((function(e){return!e})),e.preventDefault()},J=function(){if(!C){var n=t.mergeProps({className:k("nodeTogglerIcon")},A("nodeTogglerIcon")),r=t.IconUtils.getJSXIcon(x?e.togglerIcon||c.createElement(o.ChevronDownIcon,n):e.togglerIcon||c.createElement(l.ChevronUpIcon,n),E({},n),{props:e}),i=t.mergeProps({className:k("nodeToggler"),tabIndex:0,onKeyDown:function(e){var n;"Enter"!==(n=e).code&&"NumpadEnter"!==n.code&&"Space"!==n.code||(H(n),n.preventDefault())},onClick:function(e){return H(e)},href:"#"},_("nodeToggler"));return c.createElement("a",i,c.createElement("i",null," ",r," "))}return null},X=function(){var n=e.nodeTemplate&&t.ObjectUtils.getJSXElement(e.nodeTemplate,S)||S.label;return c.createElement("div",null,n)},B=(i=X(),a=J(),s=t.mergeProps({colSpan:I},A("cell")),u=t.mergeProps({className:k("node",{selected:T,node:S,nodeProps:e}),style:S.style,onClick:function(e){return L(e,S)}},_("node")),d=t.mergeProps(A("row")),c.createElement("tr",d,c.createElement("td",s,c.createElement("div",u,i,a)))),K=(g=t.mergeProps({className:k("lines"),style:{visibility:D}},A("lines")),m=t.mergeProps({colSpan:I},A("lineCell")),h=t.mergeProps({className:k("lineDown")},A("lineDown")),c.createElement("tr",g,c.createElement("td",m,c.createElement("div",h)))),Y=function(){var e=S.children&&S.children.length,n=t.mergeProps({className:k("lines"),style:{visibility:D}},A("lines")),r=t.mergeProps({colSpan:I},A("lineCell")),o=t.mergeProps({className:k("lineDown")},A("lineDown"));return c.createElement("tr",n,S.children&&1===S.children.length&&c.createElement("td",r,c.createElement("div",o)),S.children&&S.children.length>1&&S.children.map((function(n,r){var o=t.mergeProps({className:k("lineLeft",{index:r})},R(0!==r,"lineLeft")),l=t.mergeProps({className:k("lineRight",{index:r,nodeChildLength:e})},R(r!==e-1,"lineRight"));return[c.createElement("td",f({key:r+"_lineleft"},o)," "),c.createElement("td",f({key:r+"_lineright"},l)," ")]})))}(),$=(b=t.mergeProps({className:k("nodes"),style:{visibility:D}},A("nodes")),y=t.mergeProps({colSpan:"2"},A("nodeCell")),c.createElement("tr",b,S.children&&S.children.map((function(n,t){return c.createElement("td",f({key:t},y),c.createElement(P,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon,ptm:M,cx:k,sx:U}))})))),q=t.mergeProps({className:k("table")},A("table"));return c.createElement("table",q,c.createElement("tbody",null,B,K,Y,$))}));P.displayName="OrganizationChartNode";var w=c.memo(c.forwardRef((function(e,n){var o=c.useContext(i.PrimeReactContext),l=m.getProps(e,o),a=m.setMetaData({props:l}),s=a.ptm,f=a.cx,h=a.sx;r.useHandleStyle(m.css.styles,a.isUnstyled,{name:"orgchart"});var b=c.useRef(null),y=l.value&&l.value.length?l.value[0]:null,v=function(e){if(l.selectionMode&&l.selection){if("single"===l.selectionMode)return l.selection===e?0:-1;if("multiple"===l.selectionMode)return l.selection.findIndex((function(n){return n===e}))}return-1};c.useImperativeHandle(n,(function(){return{props:l,getElement:function(){return b.current}}}));var N=t.mergeProps({id:l.id,ref:b,style:l.style,className:t.classNames(l.className,f("root"))},m.getOtherProps(l),s("root"));return c.createElement("div",N,c.createElement(P,{hostName:"OrganizationChart",node:y,nodeTemplate:l.nodeTemplate,selectionMode:l.selectionMode,onNodeClick:function(e,n){if(l.selectionMode){var r=e.target;if(!1===n.selectable||t.DomHandler.hasClass(r,"p-node-toggler")||t.DomHandler.hasClass(r,"p-node-toggler-icon"))return;var o,i=v(n),a=i>=0;"single"===l.selectionMode?a?(o=null,l.onNodeUnselect&&l.onNodeUnselect({originalEvent:e,node:n})):(o=n,l.onNodeSelect&&l.onNodeSelect({originalEvent:e,node:n})):"multiple"===l.selectionMode&&(a?(o=l.selection.filter((function(e,n){return n!==i})),l.onNodeUnselect&&l.onNodeUnselect({originalEvent:e,node:n})):(o=[].concat(u(c=l.selection||[])||d(c)||p(c)||g(),[n]),l.onNodeSelect&&l.onNodeSelect({originalEvent:e,node:n}))),l.onSelectionChange&&l.onSelectionChange({originalEvent:e,data:o})}var c},isSelected:function(e){return-1!==v(e)},togglerIcon:l.togglerIcon,ptm:s,cx:f,sx:h}))})));return w.displayName="OrganizationChart",e.OrganizationChart=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase,primereact.icons.chevrondown,primereact.icons.chevronup,primereact.api);

package/overlaypanel/overlaypanel.cjs.js

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('primereact/utils');
 var PrimeReact = require('primereact/api');
 var componentbase = require('primereact/componentbase');
 var csstransition = require('primereact/csstransition');
@@ -13,6 +12,7 @@ var times = require('primereact/icons/times');
 var overlayservice = require('primereact/overlayservice');
 var portal = require('primereact/portal');
 var ripple = require('primereact/ripple');
+var utils = require('primereact/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -148,104 +148,6 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var usePrevious = function usePrevious(newValue) {
-  var ref = React__namespace.useRef(undefined);
-  React__namespace.useEffect(function () {
-    ref.current = newValue;
-  });
-  return ref.current;
-};
-
-/* eslint-disable */
-var useUnmountEffect = function useUnmountEffect(fn) {
-  return React__namespace.useEffect(function () {
-    return fn;
-  }, []);
-};
-/* eslint-enable */
-
-/* eslint-disable */
-var useEventListener = function useEventListener(_ref) {
-  var _ref$target = _ref.target,
-    target = _ref$target === void 0 ? 'document' : _ref$target,
-    type = _ref.type,
-    listener = _ref.listener,
-    options = _ref.options,
-    _ref$when = _ref.when,
-    when = _ref$when === void 0 ? true : _ref$when;
-  var targetRef = React__namespace.useRef(null);
-  var listenerRef = React__namespace.useRef(null);
-  var prevOptions = usePrevious(options);
-  var bind = function bind() {
-    var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-      unbind();
-      (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-    }
-    if (!listenerRef.current && targetRef.current) {
-      listenerRef.current = function (event) {
-        return listener && listener(event);
-      };
-      targetRef.current.addEventListener(type, listenerRef.current, options);
-    }
-  };
-  var unbind = function unbind() {
-    if (listenerRef.current) {
-      targetRef.current.removeEventListener(type, listenerRef.current, options);
-      listenerRef.current = null;
-    }
-  };
-  React__namespace.useEffect(function () {
-    if (when) {
-      targetRef.current = utils.DomHandler.getTargetElement(target);
-    } else {
-      unbind();
-      targetRef.current = null;
-    }
-  }, [target, when]);
-  React__namespace.useEffect(function () {
-    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
-      unbind();
-      when && bind();
-    }
-  }, [listener, options]);
-  useUnmountEffect(function () {
-    unbind();
-  });
-  return [bind, unbind];
-};
-/* eslint-enable */
-
-var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-  var handleEsc = function handleEsc(event) {
-    if (event.key === 'Esc' || event.key === 'Escape') {
-      event.stopImmediatePropagation();
-      callback(event);
-    }
-    return;
-  };
-  var _useEventListener = useEventListener({
-      type: 'keydown',
-      listener: handleEsc
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindKeyDownListener = _useEventListener2[0],
-    unbindKeyDownListener = _useEventListener2[1];
-  React__namespace.useEffect(function () {
-    if (!condition) {
-      return;
-    }
-    if (!ref.current) {
-      return;
-    }
-    bindKeyDownListener();
-    return function () {
-      unbindKeyDownListener();
-    };
-  });
-  return [ref, callback];
-};
-
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -338,8 +240,13 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
     _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
     bindOverlayListener = _useOverlayListener2[0],
     unbindOverlayListener = _useOverlayListener2[1];
-  useOnEscapeKey(overlayEventListener, props.closeOnEscape, function () {
-    hide();
+  var overlayPanelDisplayOrder = hooks.useDisplayOrder('overlay-panel', visibleState);
+  hooks.useGlobalOnEscapeKey({
+    callback: function callback() {
+      hide();
+    },
+    when: visibleState && props.closeOnEscape,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL, overlayPanelDisplayOrder]
   });
   var isOutsideClicked = function isOutsideClicked(target) {
     return overlayRef && overlayRef.current && !(overlayRef.current.isSameNode(target) || overlayRef.current.contains(target));
@@ -433,7 +340,7 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
   };
   var createStyle = function createStyle() {
     if (!styleElement.current) {
-      styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+      styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
       var innerHTML = '';
       for (var breakpoint in props.breakpoints) {
         innerHTML += "\n                    @media screen and (max-width: ".concat(breakpoint, ") {\n                        .p-overlaypanel[").concat(attributeSelector.current, "] {\n                            width: ").concat(props.breakpoints[breakpoint], ";\n                        }\n                    }\n                ");

package/overlaypanel/overlaypanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/api"),r=require("primereact/componentbase"),o=require("primereact/csstransition"),a=require("primereact/hooks"),l=require("primereact/icons/times"),i=require("primereact/overlayservice"),c=require("primereact/portal"),u=require("primereact/ripple");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(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)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},v.apply(this,arguments)}function d(e){return d="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},d(e)}function m(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(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"===d(n)?n:String(n)}function g(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,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 h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function w(e,n){if(e){if("string"==typeof e)return h(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,n){return g(e)||O(e,n)||w(e,n)||E()}var x=function(e){var t,r,o,a=e.target,l=void 0===a?"document":a,i=e.type,c=e.listener,u=e.options,s=e.when,p=void 0===s||s,y=f.useRef(null),v=f.useRef(null),d=(t=u,r=f.useRef(void 0),f.useEffect((function(){r.current=t})),r.current),m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.ObjectUtils.isNotEmpty(e.target)&&(b(),(e.when||p)&&(y.current=n.DomHandler.getTargetElement(e.target))),!v.current&&y.current&&(v.current=function(e){return c&&c(e)},y.current.addEventListener(i,v.current,u))},b=function(){v.current&&(y.current.removeEventListener(i,v.current,u),v.current=null)};return f.useEffect((function(){p?y.current=n.DomHandler.getTargetElement(l):(b(),y.current=null)}),[l,p]),f.useEffect((function(){!v.current||v.current===c&&d===u||(b(),p&&m())}),[c,u]),o=function(){b()},f.useEffect((function(){return o}),[]),[m,b]},S=function(e,n,t){var r=P(x({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),t(e))}}),2),o=r[0],a=r[1];return f.useEffect((function(){if(n&&e.current)return o(),function(){a()}})),[e,t]},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 t=e.context;return n.classNames("p-overlaypanel p-component",e.props.className,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.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: 0;\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 k(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){var r,o,a;r=e,a=t[n],(o=b(o=n))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):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 D=f.forwardRef((function(e,s){var p=f.useContext(t.PrimeReactContext),d=j.getProps(e,p),m=P(f.useState(!1),2),b=m[0],g=m[1],O=j.setMetaData({props:d,state:{visible:b}}),h=O.ptm,w=O.cx,E=O.isUnstyled;r.useHandleStyle(j.css.styles,E,{name:"overlaypanel"});var x=f.useRef(""),I=f.useRef(null),D=f.useRef(null),H=f.useRef(!1),C=f.useRef(null),T=f.useRef(null),R=P(a.useOverlayListener({target:D,overlay:I,listener:function(e,n){if(n.valid)switch(n.type){case"outside":d.dismissable&&!H.current&&_();break;case"resize":case"scroll":case"orientationchange":J()}H.current=!1},when:b}),2),A=R[0],N=R[1];S(T,d.closeOnEscape,(function(){_()}));var q=function(e){return I&&I.current&&!(I.current.isSameNode(e)||I.current.contains(e))},U=function(e,n){return null!=D.current&&D.current!==(n||e.currentTarget||e.target)},L=function(){H.current=!0},M=function(e,n){b?(_(),U(e,n)&&(D.current=n||e.currentTarget||e.target,setTimeout((function(){z(e,D.current)}),200))):z(e,n)},z=function(e,n){D.current=n||e.currentTarget||e.target,b?J():(g(!0),T.current=function(e){!q(e.target)&&(H.current=!0)},i.OverlayService.on("overlay-click",T.current))},_=function(){g(!1),i.OverlayService.off("overlay-click",T.current),T.current=null},Z=function(){I.current.setAttribute(x.current,""),n.ZIndexUtils.set("overlay",I.current,p&&p.autoZIndex||y.default.autoZIndex,p&&p.zIndex.overlay||y.default.zIndex.overlay),n.DomHandler.addStyles(I.current,{position:"absolute",top:"0",left:"0"}),J()},B=function(){A(),d.onShow&&d.onShow()},Y=function(){N()},G=function(){n.ZIndexUtils.clear(I.current),d.onHide&&d.onHide()},J=function(){if(D.current&&I.current){n.DomHandler.absolutePosition(I.current,D.current);var e=n.DomHandler.getOffset(I.current),t=n.DomHandler.getOffset(D.current),r=0;e.left<t.left&&(r=t.left-e.left),I.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top?(I.current.setAttribute("data-p-overlaypanel-flipped","true"),E&&n.DomHandler.addClass(I.current,"p-overlaypanel-flipped")):(I.current.setAttribute("data-p-overlaypanel-flipped","false"),E&&n.DomHandler.removeClass(I.current,"p-overlaypanel-flipped"))}},X=function(){if(!C.current){C.current=n.DomHandler.createInlineStyle(p&&p.nonce||y.default.nonce);var e="";for(var t in d.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(x.current,"] {\n                            width: ").concat(d.breakpoints[t],";\n                        }\n                    }\n                ");C.current.innerHTML=e}};a.useMountEffect((function(){x.current=n.UniqueComponentId(),d.breakpoints&&X()})),a.useUnmountEffect((function(){C.current=n.DomHandler.removeInlineStyle(C.current),T.current&&(i.OverlayService.off("overlay-click",T.current),T.current=null),n.ZIndexUtils.clear(I.current)})),f.useImperativeHandle(s,(function(){return{props:d,toggle:M,show:z,hide:_,align:J,getElement:function(){return I.current}}}));var $,F,K,Q,V=function(){var e=n.mergeProps({className:w("closeIcon"),"aria-hidden":!0},h("closeIcon")),r=n.IconUtils.getJSXIcon(d.closeIcon||f.createElement(l.TimesIcon,e),k({},e),{props:d}),o=d.ariaCloseLabel||t.localeOption("close"),a=n.mergeProps({type:"button",className:w("closeButton"),onClick:function(e){return n=e,_(),void n.preventDefault();var n},"aria-label":o},h("closeButton"));return d.showCloseIcon?f.createElement("button",a,r,f.createElement(u.Ripple,null)):null},W=($=V(),F=n.mergeProps({id:d.id,className:w("root",{context:p}),style:d.style,onClick:function(e){return n=e,H.current=!0,void i.OverlayService.emit("overlay-click",{originalEvent:n,target:D.current});var n}},j.getOtherProps(d),h("root")),K=n.mergeProps({className:w("content"),onClick:function(e){return L()},onMouseDown:L},j.getOtherProps(d),h("content")),Q=n.mergeProps({classNames:w("transition"),in:b,timeout:{enter:120,exit:100},options:d.transitionOptions,unmountOnExit:!0,onEnter:Z,onEntered:B,onExit:Y,onExited:G},h("transition")),f.createElement(o.CSSTransition,v({nodeRef:I},Q),f.createElement("div",v({ref:I},F),f.createElement("div",K,d.children),$)));return f.createElement(c.Portal,{element:W,appendTo:d.appendTo})}));D.displayName="OverlayPanel",exports.OverlayPanel=D;
+"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 p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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=s(e),y=p(n);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},v.apply(this,arguments)}function d(e){return d="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},d(e)}function m(e,n){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==d(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"===d(n)?n:String(n)}function g(e){if(Array.isArray(e))return e}function O(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 h(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function P(e,n){if(e){if("string"==typeof e)return h(e,n);var r=Object.prototype.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)?h(e,n):void 0}}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 w(e,n){return g(e)||O(e,n)||P(e,n)||S()}var x=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",e.props.className,{"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: 0;\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 E(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){var t,o,a;t=e,a=r[n],(o=b(o=n))in t?Object.defineProperty(t,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=a})):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 I=f.forwardRef((function(e,p){var s=f.useContext(n.PrimeReactContext),d=x.getProps(e,s),m=w(f.useState(!1),2),b=m[0],g=m[1],O=x.setMetaData({props:d,state:{visible:b}}),h=O.ptm,P=O.cx,S=O.isUnstyled;r.useHandleStyle(x.css.styles,S,{name:"overlaypanel"});var j=f.useRef(""),I=f.useRef(null),k=f.useRef(null),D=f.useRef(!1),C=f.useRef(null),A=f.useRef(null),H=w(o.useOverlayListener({target:k,overlay:I,listener:function(e,n){if(n.valid)switch(n.type){case"outside":d.dismissable&&!D.current&&z();break;case"resize":case"scroll":case"orientationchange":K()}D.current=!1},when:b}),2),N=H[0],T=H[1],R=o.useDisplayOrder("overlay-panel",b);o.useGlobalOnEscapeKey({callback:function(){z()},when:b&&d.closeOnEscape,priority:[o.ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL,R]});var q=function(e){return I&&I.current&&!(I.current.isSameNode(e)||I.current.contains(e))},_=function(e,n){return null!=k.current&&k.current!==(n||e.currentTarget||e.target)},L=function(){D.current=!0},U=function(e,n){b?(z(),_(e,n)&&(k.current=n||e.currentTarget||e.target,setTimeout((function(){M(e,k.current)}),200))):M(e,n)},M=function(e,n){k.current=n||e.currentTarget||e.target,b?K():(g(!0),A.current=function(e){!q(e.target)&&(D.current=!0)},l.OverlayService.on("overlay-click",A.current))},z=function(){g(!1),l.OverlayService.off("overlay-click",A.current),A.current=null},Y=function(){I.current.setAttribute(j.current,""),u.ZIndexUtils.set("overlay",I.current,s&&s.autoZIndex||y.default.autoZIndex,s&&s.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(I.current,{position:"absolute",top:"0",left:"0"}),K()},Z=function(){N(),d.onShow&&d.onShow()},B=function(){T()},G=function(){u.ZIndexUtils.clear(I.current),d.onHide&&d.onHide()},K=function(){if(k.current&&I.current){u.DomHandler.absolutePosition(I.current,k.current);var e=u.DomHandler.getOffset(I.current),n=u.DomHandler.getOffset(k.current),r=0;e.left<n.left&&(r=n.left-e.left),I.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<n.top?(I.current.setAttribute("data-p-overlaypanel-flipped","true"),S&&u.DomHandler.addClass(I.current,"p-overlaypanel-flipped")):(I.current.setAttribute("data-p-overlaypanel-flipped","false"),S&&u.DomHandler.removeClass(I.current,"p-overlaypanel-flipped"))}},J=function(){if(!C.current){C.current=u.DomHandler.createInlineStyle(s&&s.nonce||y.default.nonce,s&&s.styleContainer);var e="";for(var n in d.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(j.current,"] {\n                            width: ").concat(d.breakpoints[n],";\n                        }\n                    }\n                ");C.current.innerHTML=e}};o.useMountEffect((function(){j.current=u.UniqueComponentId(),d.breakpoints&&J()})),o.useUnmountEffect((function(){C.current=u.DomHandler.removeInlineStyle(C.current),A.current&&(l.OverlayService.off("overlay-click",A.current),A.current=null),u.ZIndexUtils.clear(I.current)})),f.useImperativeHandle(p,(function(){return{props:d,toggle:U,show:M,hide:z,align:K,getElement:function(){return I.current}}}));var V,X,$,F,Q=function(){var e=u.mergeProps({className:P("closeIcon"),"aria-hidden":!0},h("closeIcon")),r=u.IconUtils.getJSXIcon(d.closeIcon||f.createElement(a.TimesIcon,e),E({},e),{props:d}),t=d.ariaCloseLabel||n.localeOption("close"),o=u.mergeProps({type:"button",className:P("closeButton"),onClick:function(e){return n=e,z(),void n.preventDefault();var n},"aria-label":t},h("closeButton"));return d.showCloseIcon?f.createElement("button",o,r,f.createElement(c.Ripple,null)):null},W=(V=Q(),X=u.mergeProps({id:d.id,className:P("root",{context:s}),style:d.style,onClick:function(e){return n=e,D.current=!0,void l.OverlayService.emit("overlay-click",{originalEvent:n,target:k.current});var n}},x.getOtherProps(d),h("root")),$=u.mergeProps({className:P("content"),onClick:function(e){return L()},onMouseDown:L},x.getOtherProps(d),h("content")),F=u.mergeProps({classNames:P("transition"),in:b,timeout:{enter:120,exit:100},options:d.transitionOptions,unmountOnExit:!0,onEnter:Y,onEntered:Z,onExit:B,onExited:G},h("transition")),f.createElement(t.CSSTransition,v({nodeRef:I},F),f.createElement("div",v({ref:I},X),f.createElement("div",$,d.children),V)));return f.createElement(i.Portal,{element:W,appendTo:d.appendTo})}));I.displayName="OverlayPanel",exports.OverlayPanel=I;

package/overlaypanel/overlaypanel.d.ts

@@ -106,7 +106,7 @@ export interface OverlayPanelProps extends Omit<React.DetailedHTMLProps<React.HT
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | undefined | null;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * Aria label of the close icon.
      * @defaultValue close

package/overlaypanel/overlaypanel.esm.js

@@ -1,14 +1,14 @@
 'use client';
 import * as React from 'react';
-import { DomHandler, ObjectUtils, classNames, UniqueComponentId, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
 import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useOverlayListener, useMountEffect, useUnmountEffect as useUnmountEffect$1 } from 'primereact/hooks';
+import { useOverlayListener, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useMountEffect, useUnmountEffect } from 'primereact/hooks';
 import { TimesIcon } from 'primereact/icons/times';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
+import { classNames, DomHandler, UniqueComponentId, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -121,104 +121,6 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var usePrevious = function usePrevious(newValue) {
-  var ref = React.useRef(undefined);
-  React.useEffect(function () {
-    ref.current = newValue;
-  });
-  return ref.current;
-};
-
-/* eslint-disable */
-var useUnmountEffect = function useUnmountEffect(fn) {
-  return React.useEffect(function () {
-    return fn;
-  }, []);
-};
-/* eslint-enable */
-
-/* eslint-disable */
-var useEventListener = function useEventListener(_ref) {
-  var _ref$target = _ref.target,
-    target = _ref$target === void 0 ? 'document' : _ref$target,
-    type = _ref.type,
-    listener = _ref.listener,
-    options = _ref.options,
-    _ref$when = _ref.when,
-    when = _ref$when === void 0 ? true : _ref$when;
-  var targetRef = React.useRef(null);
-  var listenerRef = React.useRef(null);
-  var prevOptions = usePrevious(options);
-  var bind = function bind() {
-    var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (ObjectUtils.isNotEmpty(bindOptions.target)) {
-      unbind();
-      (bindOptions.when || when) && (targetRef.current = DomHandler.getTargetElement(bindOptions.target));
-    }
-    if (!listenerRef.current && targetRef.current) {
-      listenerRef.current = function (event) {
-        return listener && listener(event);
-      };
-      targetRef.current.addEventListener(type, listenerRef.current, options);
-    }
-  };
-  var unbind = function unbind() {
-    if (listenerRef.current) {
-      targetRef.current.removeEventListener(type, listenerRef.current, options);
-      listenerRef.current = null;
-    }
-  };
-  React.useEffect(function () {
-    if (when) {
-      targetRef.current = DomHandler.getTargetElement(target);
-    } else {
-      unbind();
-      targetRef.current = null;
-    }
-  }, [target, when]);
-  React.useEffect(function () {
-    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
-      unbind();
-      when && bind();
-    }
-  }, [listener, options]);
-  useUnmountEffect(function () {
-    unbind();
-  });
-  return [bind, unbind];
-};
-/* eslint-enable */
-
-var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-  var handleEsc = function handleEsc(event) {
-    if (event.key === 'Esc' || event.key === 'Escape') {
-      event.stopImmediatePropagation();
-      callback(event);
-    }
-    return;
-  };
-  var _useEventListener = useEventListener({
-      type: 'keydown',
-      listener: handleEsc
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindKeyDownListener = _useEventListener2[0],
-    unbindKeyDownListener = _useEventListener2[1];
-  React.useEffect(function () {
-    if (!condition) {
-      return;
-    }
-    if (!ref.current) {
-      return;
-    }
-    bindKeyDownListener();
-    return function () {
-      unbindKeyDownListener();
-    };
-  });
-  return [ref, callback];
-};
-
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -311,8 +213,13 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
     bindOverlayListener = _useOverlayListener2[0],
     unbindOverlayListener = _useOverlayListener2[1];
-  useOnEscapeKey(overlayEventListener, props.closeOnEscape, function () {
-    hide();
+  var overlayPanelDisplayOrder = useDisplayOrder('overlay-panel', visibleState);
+  useGlobalOnEscapeKey({
+    callback: function callback() {
+      hide();
+    },
+    when: visibleState && props.closeOnEscape,
+    priority: [ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL, overlayPanelDisplayOrder]
   });
   var isOutsideClicked = function isOutsideClicked(target) {
     return overlayRef && overlayRef.current && !(overlayRef.current.isSameNode(target) || overlayRef.current.contains(target));
@@ -406,7 +313,7 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var createStyle = function createStyle() {
     if (!styleElement.current) {
-      styleElement.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce);
+      styleElement.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
       var innerHTML = '';
       for (var breakpoint in props.breakpoints) {
         innerHTML += "\n                    @media screen and (max-width: ".concat(breakpoint, ") {\n                        .p-overlaypanel[").concat(attributeSelector.current, "] {\n                            width: ").concat(props.breakpoints[breakpoint], ";\n                        }\n                    }\n                ");
@@ -420,7 +327,7 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       createStyle();
     }
   });
-  useUnmountEffect$1(function () {
+  useUnmountEffect(function () {
     styleElement.current = DomHandler.removeInlineStyle(styleElement.current);
     if (overlayEventListener.current) {
       OverlayService.off('overlay-click', overlayEventListener.current);