primereact 10.3.0 → 10.3.2

package/organizationchart/organizationchart.esm.js

@@ -1,10 +1,11 @@
 'use client';
 import * as React from 'react';
-import { classNames, mergeProps, IconUtils, ObjectUtils, DomHandler } from 'primereact/utils';
+import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { useMergeProps } from 'primereact/hooks';
+import { classNames, IconUtils, ObjectUtils, DomHandler } from 'primereact/utils';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 import { ChevronUpIcon } from 'primereact/icons/chevronup';
-import { PrimeReactContext } from 'primereact/api';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -190,6 +191,7 @@ function _slicedToArray(arr, i) {
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
+  var mergeProps = useMergeProps();
   var node = props.node;
   var _React$useState = React.useState(node.expanded),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -233,6 +235,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 +331,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);
         },
@@ -374,6 +386,7 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
 OrganizationChartNode.displayName = 'OrganizationChartNode';
 
 var OrganizationChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = OrganizationChartBase.getProps(inProps, context);
   var _OrganizationChartBas = OrganizationChartBase.setMetaData({

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

package/organizationchart/organizationchart.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.organizationchart = (function (exports, React, utils, componentbase, chevrondown, chevronup, api) {
+this.primereact.organizationchart = (function (exports, React, api, componentbase, hooks, utils, chevrondown, chevronup) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -206,6 +206,7 @@ this.primereact.organizationchart = (function (exports, React, utils, componentb
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props) {
+    var mergeProps = hooks.useMergeProps();
     var node = props.node;
     var _React$useState = React__namespace.useState(node.expanded),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -249,14 +250,20 @@ 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({
+      var nodesProps = mergeProps({
         className: cx('nodes'),
         style: {
           visibility: visibility
         }
       }, _ptm('nodes'));
-      var nodeCellProps = utils.mergeProps({
+      var nodeCellProps = mergeProps({
         colSpan: '2'
       }, _ptm('nodeCell'));
       return /*#__PURE__*/React__namespace.createElement("tr", nodesProps, node.children && node.children.map(function (child, index) {
@@ -277,25 +284,25 @@ this.primereact.organizationchart = (function (exports, React, utils, componentb
     };
     var createLinesMiddle = function createLinesMiddle() {
       var nodeChildLength = node.children && node.children.length;
-      var linesProps = utils.mergeProps({
+      var linesProps = mergeProps({
         className: cx('lines'),
         style: {
           visibility: visibility
         }
       }, _ptm('lines'));
-      var lineCellProps = utils.mergeProps({
+      var lineCellProps = mergeProps({
         colSpan: colspan
       }, _ptm('lineCell'));
-      var lineDownProps = utils.mergeProps({
+      var lineDownProps = mergeProps({
         className: cx('lineDown')
       }, _ptm('lineDown'));
       return /*#__PURE__*/React__namespace.createElement("tr", linesProps, node.children && node.children.length === 1 && /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)), node.children && node.children.length > 1 && node.children.map(function (_, index) {
-        var lineLeftProps = utils.mergeProps({
+        var lineLeftProps = mergeProps({
           className: cx('lineLeft', {
             index: index
           })
         }, getNodePTOptions(index !== 0, 'lineLeft'));
-        var lineRightProps = utils.mergeProps({
+        var lineRightProps = mergeProps({
           className: cx('lineRight', {
             index: index,
             nodeChildLength: nodeChildLength
@@ -309,23 +316,23 @@ this.primereact.organizationchart = (function (exports, React, utils, componentb
       }));
     };
     var createLinesDown = function createLinesDown() {
-      var linesProps = utils.mergeProps({
+      var linesProps = mergeProps({
         className: cx('lines'),
         style: {
           visibility: visibility
         }
       }, _ptm('lines'));
-      var lineCellProps = utils.mergeProps({
+      var lineCellProps = mergeProps({
         colSpan: colspan
       }, _ptm('lineCell'));
-      var lineDownProps = utils.mergeProps({
+      var lineDownProps = mergeProps({
         className: cx('lineDown')
       }, _ptm('lineDown'));
       return /*#__PURE__*/React__namespace.createElement("tr", linesProps, /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)));
     };
     var createToggler = function createToggler() {
       if (!leaf) {
-        var nodeTogglerIconProps = utils.mergeProps({
+        var nodeTogglerIconProps = mergeProps({
           className: cx('nodeTogglerIcon')
         }, _ptm('nodeTogglerIcon'));
         var icon;
@@ -337,8 +344,12 @@ this.primereact.organizationchart = (function (exports, React, utils, componentb
         var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, nodeTogglerIconProps), {
           props: props
         });
-        var nodeTogglerProps = utils.mergeProps({
+        var nodeTogglerProps = mergeProps({
           className: cx('nodeToggler'),
+          tabIndex: 0,
+          onKeyDown: function onKeyDown(e) {
+            return _onKeyDown(e);
+          },
           onClick: function onClick(e) {
             return toggleNode(e);
           },
@@ -361,10 +372,10 @@ this.primereact.organizationchart = (function (exports, React, utils, componentb
     var createNodeContent = function createNodeContent() {
       var label = createNodeLabel();
       var toggler = createToggler();
-      var cellProps = utils.mergeProps({
+      var cellProps = mergeProps({
         colSpan: colspan
       }, _ptm('cell'));
-      var nodeProps = utils.mergeProps({
+      var nodeProps = mergeProps({
         className: cx('node', {
           selected: selected,
           node: node,
@@ -375,14 +386,14 @@ this.primereact.organizationchart = (function (exports, React, utils, componentb
           return onNodeClick(e, node);
         }
       }, getPTOptions('node'));
-      var rowProps = utils.mergeProps(_ptm('row'));
+      var rowProps = mergeProps(_ptm('row'));
       return /*#__PURE__*/React__namespace.createElement("tr", rowProps, /*#__PURE__*/React__namespace.createElement("td", cellProps, /*#__PURE__*/React__namespace.createElement("div", nodeProps, label, toggler)));
     };
     var nodeContent = createNodeContent();
     var linesDown = createLinesDown();
     var linesMiddle = createLinesMiddle();
     var childNodes = createChildNodes();
-    var tableProps = utils.mergeProps({
+    var tableProps = mergeProps({
       className: cx('table')
     }, _ptm('table'));
     return /*#__PURE__*/React__namespace.createElement("table", tableProps, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
@@ -390,6 +401,7 @@ this.primereact.organizationchart = (function (exports, React, utils, componentb
   OrganizationChartNode.displayName = 'OrganizationChartNode';
 
   var OrganizationChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = OrganizationChartBase.getProps(inProps, context);
     var _OrganizationChartBas = OrganizationChartBase.setMetaData({
@@ -471,7 +483,7 @@ this.primereact.organizationchart = (function (exports, React, utils, componentb
         }
       };
     });
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       ref: elementRef,
       style: props.style,
@@ -498,4 +510,4 @@ this.primereact.organizationchart = (function (exports, React, utils, componentb
 
   return exports;
 
-})({}, React, primereact.utils, primereact.componentbase, primereact.icons.chevrondown, primereact.icons.chevronup, primereact.api);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils, primereact.icons.chevrondown, primereact.icons.chevronup);

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

package/overlaypanel/overlaypanel.cjs.js

@@ -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,106 +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 prevListener = usePrevious(listener);
-  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 () {
-    // to properly compare functions we can implicitly converting the function to it's body's text as a String
-    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
-      unbind();
-      when && bind();
-    }
-  }, [listener, options, when]);
-  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,
@@ -290,6 +190,7 @@ var OverlayPanelBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = OverlayPanelBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -340,8 +241,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 && overlayPanelDisplayOrder,
+    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));
@@ -435,7 +341,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                ");
@@ -470,7 +376,7 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
     };
   });
   var createCloseIcon = function createCloseIcon() {
-    var closeIconProps = utils.mergeProps({
+    var closeIconProps = mergeProps({
       className: cx('closeIcon'),
       'aria-hidden': true
     }, ptm('closeIcon'));
@@ -479,7 +385,7 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
       props: props
     });
     var ariaLabel = props.ariaCloseLabel || PrimeReact.localeOption('close');
-    var closeButtonProps = utils.mergeProps({
+    var closeButtonProps = mergeProps({
       type: 'button',
       className: cx('closeButton'),
       onClick: function onClick(e) {
@@ -494,7 +400,7 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
   };
   var createElement = function createElement() {
     var closeIcon = createCloseIcon();
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       className: cx('root', {
         context: context
@@ -504,14 +410,14 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
         return onPanelClick(e);
       }
     }, OverlayPanelBase.getOtherProps(props), ptm('root'));
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       className: cx('content'),
       onClick: function onClick(e) {
         return onContentClick();
       },
       onMouseDown: onContentClick
     }, OverlayPanelBase.getOtherProps(props), ptm('content'));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       "in": visibleState,
       timeout: {

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