primereact 8.0.1 → 8.1.0

package/splitbutton/splitbutton.esm.js

@@ -137,7 +137,8 @@ var SplitButtonItem = /*#__PURE__*/React.memo(function (props) {
       role: "menuitem",
       className: className,
       target: target,
-      onClick: onClick
+      onClick: onClick,
+      "aria-label": _label
     }, icon, label);
 
     if (template) {
@@ -188,9 +189,9 @@ var SplitButtonPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       ref: ref,
       className: className,
       style: props.menuStyle,
-      id: props.id,
       onClick: props.onClick
     }, /*#__PURE__*/React.createElement("ul", {
+      id: props.menuId,
       className: "p-menu-list p-reset",
       role: "menu"
     }, props.children)));
@@ -317,13 +318,13 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var menuButtonClassName = classNames('p-splitbutton-menubutton', props.menuButtonClassName);
   var buttonContent = props.buttonTemplate ? ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
   var items = createItems();
-  var panelId = idState + '_overlay';
+  var menuId = idState + '_menu';
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
     ref: elementRef,
     id: idState,
     className: className,
     style: props.style
-  }, otherProps), /*#__PURE__*/React.createElement(Button, {
+  }, otherProps), /*#__PURE__*/React.createElement(Button, _extends({
     ref: defaultButtonRef,
     type: "button",
     className: buttonClassName,
@@ -332,19 +333,19 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     onClick: props.onClick,
     disabled: props.disabled,
     tabIndex: props.tabIndex
-  }, buttonContent), /*#__PURE__*/React.createElement(Button, {
+  }, props.buttonProps), buttonContent), /*#__PURE__*/React.createElement(Button, _extends({
     type: "button",
     className: menuButtonClassName,
     icon: props.dropdownIcon,
     onClick: onDropdownButtonClick,
     disabled: props.disabled,
     "aria-expanded": overlayVisibleState,
-    "aria-haspopup": true,
-    "aria-owns": panelId
-  }), /*#__PURE__*/React.createElement(SplitButtonPanel, {
+    "aria-haspopup": "true",
+    "aria-controls": overlayVisibleState ? menuId : null
+  }, props.menuButtonProps)), /*#__PURE__*/React.createElement(SplitButtonPanel, {
     ref: overlayRef,
     appendTo: props.appendTo,
-    id: panelId,
+    menuId: menuId,
     menuStyle: props.menuStyle,
     menuClassName: props.menuClassName,
     onClick: onPanelClick,
@@ -373,6 +374,8 @@ SplitButton.defaultProps = {
   menuStyle: null,
   menuClassName: null,
   menuButtonClassName: null,
+  buttonProps: null,
+  menuButtonProps: null,
   tabIndex: null,
   appendTo: null,
   tooltip: null,

package/splitbutton/splitbutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{Button as n}from"primereact/button";import{useOverlayListener as o,useMountEffect as l,useUnmountEffect as r}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Tooltip as i}from"primereact/tooltip";import{classNames as u,IconUtils as m,ObjectUtils as s,UniqueComponentId as c,ZIndexUtils as p,DomHandler as d}from"primereact/utils";import{CSSTransition as f}from"primereact/csstransition";import{Portal as y}from"primereact/portal";function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},b.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,l,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return r}}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function h(e,t){if(e){if("string"==typeof e)return N(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?N(e,t):void 0}}function C(){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,t){return v(e)||E(e,t)||h(e,t)||C()}var g=e.memo((function(t){var n=function(e){t.menuitem.command&&t.menuitem.command({originalEvent:e,item:t.menuitem}),t.onItemClick&&t.onItemClick(e),e.preventDefault()},o=function(){var o=t.menuitem,l=o.icon,r=o.label,a=o.template,i=o.url,c=o.target,p=u("p-menuitem-link",{"p-disabled":o.disabled}),d=u("p-menuitem-icon",l),f=m.getJSXIcon(l,{className:"p-menuitem-icon"},{props:t.splitButtonProps}),y=e.createElement("a",{href:i||"#",role:"menuitem",className:p,target:c,onClick:n},f,r&&e.createElement("span",{className:"p-menuitem-text"},r));a&&(y=s.getJSXElement(a,t.menuitem,{onClick:n,className:p,labelClassName:"p-menuitem-text",iconClassName:d,element:y,props:t}));return e.createElement("li",{className:"p-menuitem",role:"none"},y)};return t.menuitem.separator?e.createElement("li",{className:"p-menu-separator",role:"separator"}):o()}));g.displayName="SplitButtonItem";var x=e.forwardRef((function(t,n){var o,l=(o=u("p-menu p-menu-overlay p-component",t.menuClassName),e.createElement(f,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:o,style:t.menuStyle,id:t.id,onClick:t.onClick},e.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},t.children))));return e.createElement(y,{element:l,appendTo:t.appendTo})}));x.displayName="SplitButtonPanel";var k=e.memo(e.forwardRef((function(m,f){var y=S(e.useState(m.id),2),v=y[0],E=y[1],N=S(e.useState(!1),2),h=N[0],C=N[1],w=e.useRef(null),I=e.useRef(null),O=e.useRef(null),T=S(o({target:w,overlay:O,listener:function(e,t){t.valid&&j()},when:h}),2),B=T[0],P=T[1],A=function(){j()},R=function(){C(!0)},j=function(){C(!1)},H=function(){d.alignOverlay(O.current,I.current.parentElement,m.appendTo||t.appendTo)};l((function(){v||E(c())})),r((function(){p.clear(O.current)})),e.useImperativeHandle(f,(function(){return{show:R,hide:j}}));var J=s.isNotEmpty(m.tooltip),X=s.findDiffKeys(m,k.defaultProps),_=u("p-splitbutton p-component",m.className,{"p-disabled":m.disabled}),D=u("p-splitbutton-defaultbutton",m.buttonClassName),z=u("p-splitbutton-menubutton",m.menuButtonClassName),F=m.buttonTemplate?s.getJSXElement(m.buttonTemplate,m):null,K=m.model?m.model.map((function(t,n){return e.createElement(g,{splitButtonProps:m,menuitem:t,key:n,onItemClick:A})})):null,M=v+"_overlay";return e.createElement(e.Fragment,null,e.createElement("div",b({ref:w,id:v,className:_,style:m.style},X),e.createElement(n,{ref:I,type:"button",className:D,icon:m.icon,label:m.label,onClick:m.onClick,disabled:m.disabled,tabIndex:m.tabIndex},F),e.createElement(n,{type:"button",className:z,icon:m.dropdownIcon,onClick:function(){h?j():R()},disabled:m.disabled,"aria-expanded":h,"aria-haspopup":!0,"aria-owns":M}),e.createElement(x,{ref:O,appendTo:m.appendTo,id:M,menuStyle:m.menuStyle,menuClassName:m.menuClassName,onClick:function(e){a.emit("overlay-click",{originalEvent:e,target:w.current})},in:h,onEnter:function(){p.set("overlay",O.current,t.autoZIndex,t.zIndex.overlay),H()},onEntered:function(){B(),m.onShow&&m.onShow()},onExit:function(){P()},onExited:function(){p.clear(O.current),m.onHide&&m.onHide()},transitionOptions:m.transitionOptions},K)),J&&e.createElement(i,b({target:w,content:m.tooltip},m.tooltipOptions)))})));k.displayName="SplitButton",k.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null};export{k as SplitButton};
+import*as e from"react";import t from"primereact/api";import{Button as n}from"primereact/button";import{useOverlayListener as o,useMountEffect as l,useUnmountEffect as r}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Tooltip as i}from"primereact/tooltip";import{classNames as u,IconUtils as m,ObjectUtils as s,UniqueComponentId as p,ZIndexUtils as c,DomHandler as d}from"primereact/utils";import{CSSTransition as f}from"primereact/csstransition";import{Portal as b}from"primereact/portal";function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},y.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,l,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return r}}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function h(e,t){if(e){if("string"==typeof e)return N(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?N(e,t):void 0}}function C(){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,t){return v(e)||E(e,t)||h(e,t)||C()}var g=e.memo((function(t){var n=function(e){t.menuitem.command&&t.menuitem.command({originalEvent:e,item:t.menuitem}),t.onItemClick&&t.onItemClick(e),e.preventDefault()},o=function(){var o=t.menuitem,l=o.icon,r=o.label,a=o.template,i=o.url,p=o.target,c=u("p-menuitem-link",{"p-disabled":o.disabled}),d=u("p-menuitem-icon",l),f=m.getJSXIcon(l,{className:"p-menuitem-icon"},{props:t.splitButtonProps}),b=e.createElement("a",{href:i||"#",role:"menuitem",className:c,target:p,onClick:n,"aria-label":r},f,r&&e.createElement("span",{className:"p-menuitem-text"},r));a&&(b=s.getJSXElement(a,t.menuitem,{onClick:n,className:c,labelClassName:"p-menuitem-text",iconClassName:d,element:b,props:t}));return e.createElement("li",{className:"p-menuitem",role:"none"},b)};return t.menuitem.separator?e.createElement("li",{className:"p-menu-separator",role:"separator"}):o()}));g.displayName="SplitButtonItem";var x=e.forwardRef((function(t,n){var o,l=(o=u("p-menu p-menu-overlay p-component",t.menuClassName),e.createElement(f,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:o,style:t.menuStyle,onClick:t.onClick},e.createElement("ul",{id:t.menuId,className:"p-menu-list p-reset",role:"menu"},t.children))));return e.createElement(b,{element:l,appendTo:t.appendTo})}));x.displayName="SplitButtonPanel";var I=e.memo(e.forwardRef((function(m,f){var b=S(e.useState(m.id),2),v=b[0],E=b[1],N=S(e.useState(!1),2),h=N[0],C=N[1],k=e.useRef(null),w=e.useRef(null),O=e.useRef(null),T=S(o({target:k,overlay:O,listener:function(e,t){t.valid&&j()},when:h}),2),P=T[0],B=T[1],A=function(){j()},R=function(){C(!0)},j=function(){C(!1)},H=function(){d.alignOverlay(O.current,w.current.parentElement,m.appendTo||t.appendTo)};l((function(){v||E(p())})),r((function(){c.clear(O.current)})),e.useImperativeHandle(f,(function(){return{show:R,hide:j}}));var J=s.isNotEmpty(m.tooltip),X=s.findDiffKeys(m,I.defaultProps),_=u("p-splitbutton p-component",m.className,{"p-disabled":m.disabled}),D=u("p-splitbutton-defaultbutton",m.buttonClassName),z=u("p-splitbutton-menubutton",m.menuButtonClassName),F=m.buttonTemplate?s.getJSXElement(m.buttonTemplate,m):null,K=m.model?m.model.map((function(t,n){return e.createElement(g,{splitButtonProps:m,menuitem:t,key:n,onItemClick:A})})):null,M=v+"_menu";return e.createElement(e.Fragment,null,e.createElement("div",y({ref:k,id:v,className:_,style:m.style},X),e.createElement(n,y({ref:w,type:"button",className:D,icon:m.icon,label:m.label,onClick:m.onClick,disabled:m.disabled,tabIndex:m.tabIndex},m.buttonProps),F),e.createElement(n,y({type:"button",className:z,icon:m.dropdownIcon,onClick:function(){h?j():R()},disabled:m.disabled,"aria-expanded":h,"aria-haspopup":"true","aria-controls":h?M:null},m.menuButtonProps)),e.createElement(x,{ref:O,appendTo:m.appendTo,menuId:M,menuStyle:m.menuStyle,menuClassName:m.menuClassName,onClick:function(e){a.emit("overlay-click",{originalEvent:e,target:k.current})},in:h,onEnter:function(){c.set("overlay",O.current,t.autoZIndex,t.zIndex.overlay),H()},onEntered:function(){P(),m.onShow&&m.onShow()},onExit:function(){B()},onExited:function(){c.clear(O.current),m.onHide&&m.onHide()},transitionOptions:m.transitionOptions},K)),J&&e.createElement(i,y({target:k,content:m.tooltip},m.tooltipOptions)))})));I.displayName="SplitButton",I.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null};export{I as SplitButton};

package/splitbutton/splitbutton.js

@@ -154,7 +154,8 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
         role: "menuitem",
         className: className,
         target: target,
-        onClick: onClick
+        onClick: onClick,
+        "aria-label": _label
       }, icon, label);
 
       if (template) {
@@ -205,9 +206,9 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
         ref: ref,
         className: className,
         style: props.menuStyle,
-        id: props.id,
         onClick: props.onClick
       }, /*#__PURE__*/React__namespace.createElement("ul", {
+        id: props.menuId,
         className: "p-menu-list p-reset",
         role: "menu"
       }, props.children)));
@@ -334,13 +335,13 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
     var menuButtonClassName = utils.classNames('p-splitbutton-menubutton', props.menuButtonClassName);
     var buttonContent = props.buttonTemplate ? utils.ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
     var items = createItems();
-    var panelId = idState + '_overlay';
+    var menuId = idState + '_menu';
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: elementRef,
       id: idState,
       className: className,
       style: props.style
-    }, otherProps), /*#__PURE__*/React__namespace.createElement(button.Button, {
+    }, otherProps), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
       ref: defaultButtonRef,
       type: "button",
       className: buttonClassName,
@@ -349,19 +350,19 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
       onClick: props.onClick,
       disabled: props.disabled,
       tabIndex: props.tabIndex
-    }, buttonContent), /*#__PURE__*/React__namespace.createElement(button.Button, {
+    }, props.buttonProps), buttonContent), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
       type: "button",
       className: menuButtonClassName,
       icon: props.dropdownIcon,
       onClick: onDropdownButtonClick,
       disabled: props.disabled,
       "aria-expanded": overlayVisibleState,
-      "aria-haspopup": true,
-      "aria-owns": panelId
-    }), /*#__PURE__*/React__namespace.createElement(SplitButtonPanel, {
+      "aria-haspopup": "true",
+      "aria-controls": overlayVisibleState ? menuId : null
+    }, props.menuButtonProps)), /*#__PURE__*/React__namespace.createElement(SplitButtonPanel, {
       ref: overlayRef,
       appendTo: props.appendTo,
-      id: panelId,
+      menuId: menuId,
       menuStyle: props.menuStyle,
       menuClassName: props.menuClassName,
       onClick: onPanelClick,
@@ -390,6 +391,8 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
     menuStyle: null,
     menuClassName: null,
     menuButtonClassName: null,
+    buttonProps: null,
+    menuButtonProps: null,
     tabIndex: null,
     appendTo: null,
     tooltip: null,

package/splitbutton/splitbutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,l,r,a,o,i,u,s){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=m(t),d=c(n);function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},f.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function E(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return b(e)||y(e,t)||E(e,t)||N()}var O=p.memo((function(e){var t=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},n=function(){var n=e.menuitem,l=n.icon,r=n.label,a=n.template,o=n.url,u=n.target,s=i.classNames("p-menuitem-link",{"p-disabled":n.disabled}),c=i.classNames("p-menuitem-icon",l),m=i.IconUtils.getJSXIcon(l,{className:"p-menuitem-icon"},{props:e.splitButtonProps}),d=p.createElement("a",{href:o||"#",role:"menuitem",className:s,target:u,onClick:t},m,r&&p.createElement("span",{className:"p-menuitem-text"},r));a&&(d=i.ObjectUtils.getJSXElement(a,e.menuitem,{onClick:t,className:s,labelClassName:"p-menuitem-text",iconClassName:c,element:d,props:e}));return p.createElement("li",{className:"p-menuitem",role:"none"},d)};return e.menuitem.separator?p.createElement("li",{className:"p-menu-separator",role:"separator"}):n()}));O.displayName="SplitButtonItem";var C=p.forwardRef((function(e,t){var n,l=(n=i.classNames("p-menu p-menu-overlay p-component",e.menuClassName),p.createElement(u.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},p.createElement("div",{ref:t,className:n,style:e.menuStyle,id:e.id,onClick:e.onClick},p.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},e.children))));return p.createElement(s.Portal,{element:l,appendTo:e.appendTo})}));C.displayName="SplitButtonPanel";var S=p.memo(p.forwardRef((function(e,t){var n=h(p.useState(e.id),2),u=n[0],s=n[1],c=h(p.useState(!1),2),m=c[0],b=c[1],y=p.useRef(null),v=p.useRef(null),E=p.useRef(null),N=h(r.useOverlayListener({target:y,overlay:E,listener:function(e,t){t.valid&&w()},when:m}),2),g=N[0],I=N[1],x=function(){w()},k=function(){b(!0)},w=function(){b(!1)},j=function(){i.DomHandler.alignOverlay(E.current,v.current.parentElement,e.appendTo||d.default.appendTo)};r.useMountEffect((function(){u||s(i.UniqueComponentId())})),r.useUnmountEffect((function(){i.ZIndexUtils.clear(E.current)})),p.useImperativeHandle(t,(function(){return{show:k,hide:w}}));var T=i.ObjectUtils.isNotEmpty(e.tooltip),B=i.ObjectUtils.findDiffKeys(e,S.defaultProps),P=i.classNames("p-splitbutton p-component",e.className,{"p-disabled":e.disabled}),U=i.classNames("p-splitbutton-defaultbutton",e.buttonClassName),R=i.classNames("p-splitbutton-menubutton",e.menuButtonClassName),_=e.buttonTemplate?i.ObjectUtils.getJSXElement(e.buttonTemplate,e):null,A=e.model?e.model.map((function(t,n){return p.createElement(O,{splitButtonProps:e,menuitem:t,key:n,onItemClick:x})})):null,H=u+"_overlay";return p.createElement(p.Fragment,null,p.createElement("div",f({ref:y,id:u,className:P,style:e.style},B),p.createElement(l.Button,{ref:v,type:"button",className:U,icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled,tabIndex:e.tabIndex},_),p.createElement(l.Button,{type:"button",className:R,icon:e.dropdownIcon,onClick:function(){m?w():k()},disabled:e.disabled,"aria-expanded":m,"aria-haspopup":!0,"aria-owns":H}),p.createElement(C,{ref:E,appendTo:e.appendTo,id:H,menuStyle:e.menuStyle,menuClassName:e.menuClassName,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},in:m,onEnter:function(){i.ZIndexUtils.set("overlay",E.current,d.default.autoZIndex,d.default.zIndex.overlay),j()},onEntered:function(){g(),e.onShow&&e.onShow()},onExit:function(){I()},onExited:function(){i.ZIndexUtils.clear(E.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},A)),T&&p.createElement(o.Tooltip,f({target:y,content:e.tooltip},e.tooltipOptions)))})));return S.displayName="SplitButton",S.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null},e.SplitButton=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);
+this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,l,r,o,a,i,u,s){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=m(t),d=c(n);function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},f.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw r}}return o}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function E(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return b(e)||y(e,t)||E(e,t)||N()}var O=p.memo((function(e){var t=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},n=function(){var n=e.menuitem,l=n.icon,r=n.label,o=n.template,a=n.url,u=n.target,s=i.classNames("p-menuitem-link",{"p-disabled":n.disabled}),c=i.classNames("p-menuitem-icon",l),m=i.IconUtils.getJSXIcon(l,{className:"p-menuitem-icon"},{props:e.splitButtonProps}),d=p.createElement("a",{href:a||"#",role:"menuitem",className:s,target:u,onClick:t,"aria-label":r},m,r&&p.createElement("span",{className:"p-menuitem-text"},r));o&&(d=i.ObjectUtils.getJSXElement(o,e.menuitem,{onClick:t,className:s,labelClassName:"p-menuitem-text",iconClassName:c,element:d,props:e}));return p.createElement("li",{className:"p-menuitem",role:"none"},d)};return e.menuitem.separator?p.createElement("li",{className:"p-menu-separator",role:"separator"}):n()}));O.displayName="SplitButtonItem";var C=p.forwardRef((function(e,t){var n,l=(n=i.classNames("p-menu p-menu-overlay p-component",e.menuClassName),p.createElement(u.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},p.createElement("div",{ref:t,className:n,style:e.menuStyle,onClick:e.onClick},p.createElement("ul",{id:e.menuId,className:"p-menu-list p-reset",role:"menu"},e.children))));return p.createElement(s.Portal,{element:l,appendTo:e.appendTo})}));C.displayName="SplitButtonPanel";var S=p.memo(p.forwardRef((function(e,t){var n=h(p.useState(e.id),2),u=n[0],s=n[1],c=h(p.useState(!1),2),m=c[0],b=c[1],y=p.useRef(null),v=p.useRef(null),E=p.useRef(null),N=h(r.useOverlayListener({target:y,overlay:E,listener:function(e,t){t.valid&&j()},when:m}),2),g=N[0],I=N[1],x=function(){j()},k=function(){b(!0)},j=function(){b(!1)},w=function(){i.DomHandler.alignOverlay(E.current,v.current.parentElement,e.appendTo||d.default.appendTo)};r.useMountEffect((function(){u||s(i.UniqueComponentId())})),r.useUnmountEffect((function(){i.ZIndexUtils.clear(E.current)})),p.useImperativeHandle(t,(function(){return{show:k,hide:j}}));var P=i.ObjectUtils.isNotEmpty(e.tooltip),T=i.ObjectUtils.findDiffKeys(e,S.defaultProps),B=i.classNames("p-splitbutton p-component",e.className,{"p-disabled":e.disabled}),U=i.classNames("p-splitbutton-defaultbutton",e.buttonClassName),R=i.classNames("p-splitbutton-menubutton",e.menuButtonClassName),_=e.buttonTemplate?i.ObjectUtils.getJSXElement(e.buttonTemplate,e):null,A=e.model?e.model.map((function(t,n){return p.createElement(O,{splitButtonProps:e,menuitem:t,key:n,onItemClick:x})})):null,H=u+"_menu";return p.createElement(p.Fragment,null,p.createElement("div",f({ref:y,id:u,className:B,style:e.style},T),p.createElement(l.Button,f({ref:v,type:"button",className:U,icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled,tabIndex:e.tabIndex},e.buttonProps),_),p.createElement(l.Button,f({type:"button",className:R,icon:e.dropdownIcon,onClick:function(){m?j():k()},disabled:e.disabled,"aria-expanded":m,"aria-haspopup":"true","aria-controls":m?H:null},e.menuButtonProps)),p.createElement(C,{ref:E,appendTo:e.appendTo,menuId:H,menuStyle:e.menuStyle,menuClassName:e.menuClassName,onClick:function(e){o.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},in:m,onEnter:function(){i.ZIndexUtils.set("overlay",E.current,d.default.autoZIndex,d.default.zIndex.overlay),w()},onEntered:function(){g(),e.onShow&&e.onShow()},onExit:function(){I()},onExited:function(){i.ZIndexUtils.clear(E.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},A)),P&&p.createElement(a.Tooltip,f({target:y,content:e.tooltip},e.tooltipOptions)))})));return S.displayName="SplitButton",S.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null},e.SplitButton=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);

package/splitter/splitter.cjs.js

@@ -124,7 +124,8 @@ function _slicedToArray(arr, i) {
 var SplitterPanel = function SplitterPanel() {};
 var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
-  var gutterRef = React__namespace.useRef(null);
+  var gutterRef = React__namespace.useRef();
+  var gutterRefs = React__namespace.useRef({});
   var size = React__namespace.useRef(null);
   var dragging = React__namespace.useRef(null);
   var startPos = React__namespace.useRef(null);
@@ -228,6 +229,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   var onResizeStart = function onResizeStart(event, index) {
+    gutterRef.current = gutterRefs.current[index];
     var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
     var pageY = event.type === 'touchstart' ? event.touches[0].pageY : event.pageY;
     size.current = props.layout === 'horizontal' ? utils.DomHandler.getWidth(elementRef.current) : utils.DomHandler.getHeight(elementRef.current);
@@ -340,7 +342,9 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       height: props.gutterSize + 'px'
     };
     var gutter = index !== props.children.length - 1 && /*#__PURE__*/React__namespace.createElement("div", {
-      ref: gutterRef,
+      ref: function ref(el) {
+        return gutterRefs.current[index] = el;
+      },
       className: "p-splitter-gutter",
       style: gutterStyle,
       onMouseDown: function onMouseDown(event) {

package/splitter/splitter.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/hooks");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=n(e);function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function o(e){if(Array.isArray(e))return i(e)}function a(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return i(e,t);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)?i(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return o(e)||a(e)||s(e)||c()}function f(e){if(Array.isArray(e))return e}function d(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,u=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw l}}return u}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e,t){return f(e)||d(e,t)||s(e,t)||h()}var y=function(){},g=l.memo(l.forwardRef((function(e,n){var i=l.useRef(null),o=l.useRef(null),a=l.useRef(null),s=l.useRef(null),c=l.useRef(null),f=l.useRef(null),d=l.useRef(null),h=l.useRef(null),v=l.useRef(null),S=l.useRef(null),b=l.useRef(null),z=null!=e.stateKey,E=m(r.useEventListener({type:"mousemove",listener:function(e){return A(e)}}),2),w=E[0],O=E[1],D=m(r.useEventListener({type:"mouseup",listener:function(e){C(e),j()}}),2),H=D[0],N=D[1],j=function(){O(),N()},x=function(t,r){return!(e.children[S.current].props&&e.children[S.current].props.minSize&&e.children[S.current].props.minSize>t)&&!(e.children[S.current+1].props&&e.children[S.current+1].props.minSize&&e.children[S.current+1].props.minSize>r)},R=function(){switch(e.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(e.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},P=function(r,n){var l="touchstart"===r.type?r.touches[0].pageX:r.pageX,u="touchstart"===r.type?r.touches[0].pageY:r.pageY;a.current="horizontal"===e.layout?t.DomHandler.getWidth(i.current):t.DomHandler.getHeight(i.current),s.current=!0,c.current="horizontal"===e.layout?l:u,f.current=o.current.previousElementSibling,d.current=o.current.nextElementSibling,h.current=100*("horizontal"===e.layout?t.DomHandler.getOuterWidth(f.current,!0):t.DomHandler.getOuterHeight(f.current,!0))/a.current,v.current=100*("horizontal"===e.layout?t.DomHandler.getOuterWidth(d.current,!0):t.DomHandler.getOuterHeight(d.current,!0))/a.current,S.current=n,t.DomHandler.addClass(o.current,"p-splitter-gutter-resizing"),t.DomHandler.addClass(i.current,"p-splitter-resizing")},A=function(t){var r,n=h.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/a.current-100*c.current/a.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/a.current-100*c.current/a.current),l=v.current-r;x(n,l)&&(f.current.style.flexBasis="calc("+n+"% - "+(e.children.length-1)*e.gutterSize+"px)",d.current.style.flexBasis="calc("+l+"% - "+(e.children.length-1)*e.gutterSize+"px)",b.current[S.current]=n,b.current[S.current+1]=l)},C=function(r){z&&R().setItem(e.stateKey,JSON.stringify(b)),e.onResizeEnd&&e.onResizeEnd({originalEvent:r,sizes:b}),t.DomHandler.removeClass(o.current,"p-splitter-gutter-resizing"),t.DomHandler.removeClass(i.current,"p-splitter-resizing"),s.current=!1,a.current=null,c.current=null,f.current=null,d.current=null,h.current=null,v.current=null,S.current=null},_=function(e,t){P(e,t),w(),H()},I=function(e,t){P(e,t),window.addEventListener("touchmove",T,{passive:!1,cancelable:!1}),window.addEventListener("touchend",K)},T=function(e){A(e)},K=function e(t){C(t),window.removeEventListener("touchmove",T),window.removeEventListener("touchend",e)};r.useMountEffect((function(){var r,n=p(i.current.children).filter((function(e){return t.DomHandler.hasClass(e,"p-splitter-panel")}));if(n.map((function(e){e.childNodes&&t.ObjectUtils.isNotEmpty(t.DomHandler.find(e,".p-splitter"))&&t.DomHandler.addClass(e,"p-splitter-panel-nested")})),e.children&&e.children.length){var l=!1;if(z&&(l=!!(r=R().getItem(e.stateKey))&&(b.current=JSON.parse(r),p(i.current.children).filter((function(e){return t.DomHandler.hasClass(e,"p-splitter-panel")})).forEach((function(t,r){t.style.flexBasis="calc("+b[r]+"% - "+(e.children.length-1)*e.gutterSize+"px)"})),!0)),!l){var u=[];e.children.map((function(t,r){var l=(t.props&&t.props.size?t.props.size:null)||100/e.children.length;return u[r]=l,n[r].style.flexBasis="calc("+l+"% - "+(e.children.length-1)*e.gutterSize+"px)",u})),b.current=u}}}));var L=function(r,n){var i=t.ObjectUtils.findDiffKeys(r.props,y.defaultProps),a=t.classNames("p-splitter-panel",r.props.className),s=n!==e.children.length-1&&l.createElement("div",{ref:o,className:"p-splitter-gutter",style:"horizontal"===e.layout?{width:e.gutterSize+"px"}:{height:e.gutterSize+"px"},onMouseDown:function(e){return _(e,n)},onTouchStart:function(e){return I(e,n)},onTouchMove:function(e){return T(e)},onTouchEnd:function(e){return K(e)}},l.createElement("div",{className:"p-splitter-gutter-handle"}));return l.createElement(l.Fragment,null,l.createElement("div",u({key:n,className:a,style:r.props.style},i),r.props.children),s)},M=t.ObjectUtils.findDiffKeys(e,g.defaultProps),Y=t.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),B=l.Children.map(e.children,L);return l.createElement("div",u({ref:i,id:e.id,className:Y,style:e.style},M),B)})));y.displayName="SplitterPanel",y.defaultProps={__TYPE:"SplitterPanel",size:null,minSize:null,style:null,className:null},g.displayName="Splitter",g.defaultProps={__TYPE:"Splitter",id:null,className:null,style:null,layout:"horizontal",gutterSize:4,stateKey:null,stateStorage:"session",onResizeEnd:null},exports.Splitter=g,exports.SplitterPanel=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/hooks");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=n(e);function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function o(e){if(Array.isArray(e))return i(e)}function a(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return i(e,t);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)?i(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return o(e)||a(e)||s(e)||c()}function f(e){if(Array.isArray(e))return e}function d(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,u=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw l}}return u}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e,t){return f(e)||d(e,t)||s(e,t)||h()}var y=function(){},g=l.memo(l.forwardRef((function(e,n){var i=l.useRef(null),o=l.useRef(),a=l.useRef({}),s=l.useRef(null),c=l.useRef(null),f=l.useRef(null),d=l.useRef(null),h=l.useRef(null),v=l.useRef(null),S=l.useRef(null),b=l.useRef(null),z=l.useRef(null),E=null!=e.stateKey,w=m(r.useEventListener({type:"mousemove",listener:function(e){return C(e)}}),2),O=w[0],D=w[1],H=m(r.useEventListener({type:"mouseup",listener:function(e){_(e),j()}}),2),N=H[0],R=H[1],j=function(){D(),R()},x=function(t,r){return!(e.children[b.current].props&&e.children[b.current].props.minSize&&e.children[b.current].props.minSize>t)&&!(e.children[b.current+1].props&&e.children[b.current+1].props.minSize&&e.children[b.current+1].props.minSize>r)},P=function(){switch(e.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(e.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},A=function(r,n){o.current=a.current[n];var l="touchstart"===r.type?r.touches[0].pageX:r.pageX,u="touchstart"===r.type?r.touches[0].pageY:r.pageY;s.current="horizontal"===e.layout?t.DomHandler.getWidth(i.current):t.DomHandler.getHeight(i.current),c.current=!0,f.current="horizontal"===e.layout?l:u,d.current=o.current.previousElementSibling,h.current=o.current.nextElementSibling,v.current=100*("horizontal"===e.layout?t.DomHandler.getOuterWidth(d.current,!0):t.DomHandler.getOuterHeight(d.current,!0))/s.current,S.current=100*("horizontal"===e.layout?t.DomHandler.getOuterWidth(h.current,!0):t.DomHandler.getOuterHeight(h.current,!0))/s.current,b.current=n,t.DomHandler.addClass(o.current,"p-splitter-gutter-resizing"),t.DomHandler.addClass(i.current,"p-splitter-resizing")},C=function(t){var r,n=v.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/s.current-100*f.current/s.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/s.current-100*f.current/s.current),l=S.current-r;x(n,l)&&(d.current.style.flexBasis="calc("+n+"% - "+(e.children.length-1)*e.gutterSize+"px)",h.current.style.flexBasis="calc("+l+"% - "+(e.children.length-1)*e.gutterSize+"px)",z.current[b.current]=n,z.current[b.current+1]=l)},_=function(r){E&&P().setItem(e.stateKey,JSON.stringify(z)),e.onResizeEnd&&e.onResizeEnd({originalEvent:r,sizes:z}),t.DomHandler.removeClass(o.current,"p-splitter-gutter-resizing"),t.DomHandler.removeClass(i.current,"p-splitter-resizing"),c.current=!1,s.current=null,f.current=null,d.current=null,h.current=null,v.current=null,S.current=null,b.current=null},I=function(e,t){A(e,t),O(),N()},T=function(e,t){A(e,t),window.addEventListener("touchmove",K,{passive:!1,cancelable:!1}),window.addEventListener("touchend",L)},K=function(e){C(e)},L=function e(t){_(t),window.removeEventListener("touchmove",K),window.removeEventListener("touchend",e)};r.useMountEffect((function(){var r,n=p(i.current.children).filter((function(e){return t.DomHandler.hasClass(e,"p-splitter-panel")}));if(n.map((function(e){e.childNodes&&t.ObjectUtils.isNotEmpty(t.DomHandler.find(e,".p-splitter"))&&t.DomHandler.addClass(e,"p-splitter-panel-nested")})),e.children&&e.children.length){var l=!1;if(E&&(l=!!(r=P().getItem(e.stateKey))&&(z.current=JSON.parse(r),p(i.current.children).filter((function(e){return t.DomHandler.hasClass(e,"p-splitter-panel")})).forEach((function(t,r){t.style.flexBasis="calc("+z[r]+"% - "+(e.children.length-1)*e.gutterSize+"px)"})),!0)),!l){var u=[];e.children.map((function(t,r){var l=(t.props&&t.props.size?t.props.size:null)||100/e.children.length;return u[r]=l,n[r].style.flexBasis="calc("+l+"% - "+(e.children.length-1)*e.gutterSize+"px)",u})),z.current=u}}}));var M=function(r,n){var i=t.ObjectUtils.findDiffKeys(r.props,y.defaultProps),o=t.classNames("p-splitter-panel",r.props.className),s=n!==e.children.length-1&&l.createElement("div",{ref:function(e){return a.current[n]=e},className:"p-splitter-gutter",style:"horizontal"===e.layout?{width:e.gutterSize+"px"}:{height:e.gutterSize+"px"},onMouseDown:function(e){return I(e,n)},onTouchStart:function(e){return T(e,n)},onTouchMove:function(e){return K(e)},onTouchEnd:function(e){return L(e)}},l.createElement("div",{className:"p-splitter-gutter-handle"}));return l.createElement(l.Fragment,null,l.createElement("div",u({key:n,className:o,style:r.props.style},i),r.props.children),s)},Y=t.ObjectUtils.findDiffKeys(e,g.defaultProps),B=t.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),U=l.Children.map(e.children,M);return l.createElement("div",u({ref:i,id:e.id,className:B,style:e.style},Y),U)})));y.displayName="SplitterPanel",y.defaultProps={__TYPE:"SplitterPanel",size:null,minSize:null,style:null,className:null},g.displayName="Splitter",g.defaultProps={__TYPE:"Splitter",id:null,className:null,style:null,layout:"horizontal",gutterSize:4,stateKey:null,stateStorage:"session",onResizeEnd:null},exports.Splitter=g,exports.SplitterPanel=y;

package/splitter/splitter.esm.js

@@ -100,7 +100,8 @@ function _slicedToArray(arr, i) {
 var SplitterPanel = function SplitterPanel() {};
 var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
-  var gutterRef = React.useRef(null);
+  var gutterRef = React.useRef();
+  var gutterRefs = React.useRef({});
   var size = React.useRef(null);
   var dragging = React.useRef(null);
   var startPos = React.useRef(null);
@@ -204,6 +205,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var onResizeStart = function onResizeStart(event, index) {
+    gutterRef.current = gutterRefs.current[index];
     var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
     var pageY = event.type === 'touchstart' ? event.touches[0].pageY : event.pageY;
     size.current = props.layout === 'horizontal' ? DomHandler.getWidth(elementRef.current) : DomHandler.getHeight(elementRef.current);
@@ -316,7 +318,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       height: props.gutterSize + 'px'
     };
     var gutter = index !== props.children.length - 1 && /*#__PURE__*/React.createElement("div", {
-      ref: gutterRef,
+      ref: function ref(el) {
+        return gutterRefs.current[index] = el;
+      },
       className: "p-splitter-gutter",
       style: gutterStyle,
       onMouseDown: function onMouseDown(event) {

package/splitter/splitter.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{DomHandler as t,ObjectUtils as r,classNames as n}from"primereact/utils";import{useEventListener as l,useMountEffect as u}from"primereact/hooks";function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function a(e){if(Array.isArray(e))return o(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return o(e,t);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)?o(e,t):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.")}function f(e){return a(e)||s(e)||c(e)||p()}function d(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,u=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw l}}return u}}function m(){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 y(e,t){return d(e)||h(e,t)||c(e,t)||m()}var g=function(){},v=e.memo(e.forwardRef((function(o,a){var s=e.useRef(null),c=e.useRef(null),p=e.useRef(null),d=e.useRef(null),h=e.useRef(null),m=e.useRef(null),S=e.useRef(null),z=e.useRef(null),w=e.useRef(null),E=e.useRef(null),b=e.useRef(null),R=null!=o.stateKey,N=y(l({type:"mousemove",listener:function(e){return Y(e)}}),2),x=N[0],O=N[1],A=y(l({type:"mouseup",listener:function(e){B(e),I()}}),2),C=A[0],P=A[1],I=function(){O(),P()},T=function(e,t){return!(o.children[E.current].props&&o.children[E.current].props.minSize&&o.children[E.current].props.minSize>e)&&!(o.children[E.current+1].props&&o.children[E.current+1].props.minSize&&o.children[E.current+1].props.minSize>t)},j=function(){switch(o.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(o.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},K=function(e,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,l="touchstart"===e.type?e.touches[0].pageY:e.pageY;p.current="horizontal"===o.layout?t.getWidth(s.current):t.getHeight(s.current),d.current=!0,h.current="horizontal"===o.layout?n:l,m.current=c.current.previousElementSibling,S.current=c.current.nextElementSibling,z.current=100*("horizontal"===o.layout?t.getOuterWidth(m.current,!0):t.getOuterHeight(m.current,!0))/p.current,w.current=100*("horizontal"===o.layout?t.getOuterWidth(S.current,!0):t.getOuterHeight(S.current,!0))/p.current,E.current=r,t.addClass(c.current,"p-splitter-gutter-resizing"),t.addClass(s.current,"p-splitter-resizing")},Y=function(e){var t,r=z.current+(t="horizontal"===o.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/p.current-100*h.current/p.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/p.current-100*h.current/p.current),n=w.current-t;T(r,n)&&(m.current.style.flexBasis="calc("+r+"% - "+(o.children.length-1)*o.gutterSize+"px)",S.current.style.flexBasis="calc("+n+"% - "+(o.children.length-1)*o.gutterSize+"px)",b.current[E.current]=r,b.current[E.current+1]=n)},B=function(e){R&&j().setItem(o.stateKey,JSON.stringify(b)),o.onResizeEnd&&o.onResizeEnd({originalEvent:e,sizes:b}),t.removeClass(c.current,"p-splitter-gutter-resizing"),t.removeClass(s.current,"p-splitter-resizing"),d.current=!1,p.current=null,h.current=null,m.current=null,S.current=null,z.current=null,w.current=null,E.current=null},L=function(e,t){K(e,t),x(),C()},X=function(e,t){K(e,t),window.addEventListener("touchmove",_,{passive:!1,cancelable:!1}),window.addEventListener("touchend",D)},_=function(e){Y(e)},D=function e(t){B(t),window.removeEventListener("touchmove",_),window.removeEventListener("touchend",e)};u((function(){var e,n=f(s.current.children).filter((function(e){return t.hasClass(e,"p-splitter-panel")}));if(n.map((function(e){e.childNodes&&r.isNotEmpty(t.find(e,".p-splitter"))&&t.addClass(e,"p-splitter-panel-nested")})),o.children&&o.children.length){var l=!1;if(R&&(l=!!(e=j().getItem(o.stateKey))&&(b.current=JSON.parse(e),f(s.current.children).filter((function(e){return t.hasClass(e,"p-splitter-panel")})).forEach((function(e,t){e.style.flexBasis="calc("+b[t]+"% - "+(o.children.length-1)*o.gutterSize+"px)"})),!0)),!l){var u=[];o.children.map((function(e,t){var r=(e.props&&e.props.size?e.props.size:null)||100/o.children.length;return u[t]=r,n[t].style.flexBasis="calc("+r+"% - "+(o.children.length-1)*o.gutterSize+"px)",u})),b.current=u}}}));var H=function(t,l){var u=r.findDiffKeys(t.props,g.defaultProps),a=n("p-splitter-panel",t.props.className),s=l!==o.children.length-1&&e.createElement("div",{ref:c,className:"p-splitter-gutter",style:"horizontal"===o.layout?{width:o.gutterSize+"px"}:{height:o.gutterSize+"px"},onMouseDown:function(e){return L(e,l)},onTouchStart:function(e){return X(e,l)},onTouchMove:function(e){return _(e)},onTouchEnd:function(e){return D(e)}},e.createElement("div",{className:"p-splitter-gutter-handle"}));return e.createElement(e.Fragment,null,e.createElement("div",i({key:l,className:a,style:t.props.style},u),t.props.children),s)},M=r.findDiffKeys(o,v.defaultProps),W=n("p-splitter p-component p-splitter-".concat(o.layout),o.className),k=e.Children.map(o.children,H);return e.createElement("div",i({ref:s,id:o.id,className:W,style:o.style},M),k)})));g.displayName="SplitterPanel",g.defaultProps={__TYPE:"SplitterPanel",size:null,minSize:null,style:null,className:null},v.displayName="Splitter",v.defaultProps={__TYPE:"Splitter",id:null,className:null,style:null,layout:"horizontal",gutterSize:4,stateKey:null,stateStorage:"session",onResizeEnd:null};export{v as Splitter,g as SplitterPanel};
+import*as e from"react";import{DomHandler as t,ObjectUtils as r,classNames as n}from"primereact/utils";import{useEventListener as l,useMountEffect as u}from"primereact/hooks";function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function a(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return o(e,t);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)?o(e,t):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.")}function f(e){return a(e)||c(e)||s(e)||p()}function d(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,u=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw l}}return u}}function m(){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 y(e,t){return d(e)||h(e,t)||s(e,t)||m()}var g=function(){},v=e.memo(e.forwardRef((function(o,a){var c=e.useRef(null),s=e.useRef(),p=e.useRef({}),d=e.useRef(null),h=e.useRef(null),m=e.useRef(null),S=e.useRef(null),z=e.useRef(null),w=e.useRef(null),E=e.useRef(null),b=e.useRef(null),R=e.useRef(null),N=null!=o.stateKey,x=y(l({type:"mousemove",listener:function(e){return B(e)}}),2),O=x[0],A=x[1],C=y(l({type:"mouseup",listener:function(e){L(e),T()}}),2),P=C[0],I=C[1],T=function(){A(),I()},j=function(e,t){return!(o.children[b.current].props&&o.children[b.current].props.minSize&&o.children[b.current].props.minSize>e)&&!(o.children[b.current+1].props&&o.children[b.current+1].props.minSize&&o.children[b.current+1].props.minSize>t)},K=function(){switch(o.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(o.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},Y=function(e,r){s.current=p.current[r];var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,l="touchstart"===e.type?e.touches[0].pageY:e.pageY;d.current="horizontal"===o.layout?t.getWidth(c.current):t.getHeight(c.current),h.current=!0,m.current="horizontal"===o.layout?n:l,S.current=s.current.previousElementSibling,z.current=s.current.nextElementSibling,w.current=100*("horizontal"===o.layout?t.getOuterWidth(S.current,!0):t.getOuterHeight(S.current,!0))/d.current,E.current=100*("horizontal"===o.layout?t.getOuterWidth(z.current,!0):t.getOuterHeight(z.current,!0))/d.current,b.current=r,t.addClass(s.current,"p-splitter-gutter-resizing"),t.addClass(c.current,"p-splitter-resizing")},B=function(e){var t,r=w.current+(t="horizontal"===o.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/d.current-100*m.current/d.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/d.current-100*m.current/d.current),n=E.current-t;j(r,n)&&(S.current.style.flexBasis="calc("+r+"% - "+(o.children.length-1)*o.gutterSize+"px)",z.current.style.flexBasis="calc("+n+"% - "+(o.children.length-1)*o.gutterSize+"px)",R.current[b.current]=r,R.current[b.current+1]=n)},L=function(e){N&&K().setItem(o.stateKey,JSON.stringify(R)),o.onResizeEnd&&o.onResizeEnd({originalEvent:e,sizes:R}),t.removeClass(s.current,"p-splitter-gutter-resizing"),t.removeClass(c.current,"p-splitter-resizing"),h.current=!1,d.current=null,m.current=null,S.current=null,z.current=null,w.current=null,E.current=null,b.current=null},X=function(e,t){Y(e,t),O(),P()},_=function(e,t){Y(e,t),window.addEventListener("touchmove",D,{passive:!1,cancelable:!1}),window.addEventListener("touchend",H)},D=function(e){B(e)},H=function e(t){L(t),window.removeEventListener("touchmove",D),window.removeEventListener("touchend",e)};u((function(){var e,n=f(c.current.children).filter((function(e){return t.hasClass(e,"p-splitter-panel")}));if(n.map((function(e){e.childNodes&&r.isNotEmpty(t.find(e,".p-splitter"))&&t.addClass(e,"p-splitter-panel-nested")})),o.children&&o.children.length){var l=!1;if(N&&(l=!!(e=K().getItem(o.stateKey))&&(R.current=JSON.parse(e),f(c.current.children).filter((function(e){return t.hasClass(e,"p-splitter-panel")})).forEach((function(e,t){e.style.flexBasis="calc("+R[t]+"% - "+(o.children.length-1)*o.gutterSize+"px)"})),!0)),!l){var u=[];o.children.map((function(e,t){var r=(e.props&&e.props.size?e.props.size:null)||100/o.children.length;return u[t]=r,n[t].style.flexBasis="calc("+r+"% - "+(o.children.length-1)*o.gutterSize+"px)",u})),R.current=u}}}));var M=function(t,l){var u=r.findDiffKeys(t.props,g.defaultProps),a=n("p-splitter-panel",t.props.className),c=l!==o.children.length-1&&e.createElement("div",{ref:function(e){return p.current[l]=e},className:"p-splitter-gutter",style:"horizontal"===o.layout?{width:o.gutterSize+"px"}:{height:o.gutterSize+"px"},onMouseDown:function(e){return X(e,l)},onTouchStart:function(e){return _(e,l)},onTouchMove:function(e){return D(e)},onTouchEnd:function(e){return H(e)}},e.createElement("div",{className:"p-splitter-gutter-handle"}));return e.createElement(e.Fragment,null,e.createElement("div",i({key:l,className:a,style:t.props.style},u),t.props.children),c)},W=r.findDiffKeys(o,v.defaultProps),k=n("p-splitter p-component p-splitter-".concat(o.layout),o.className),J=e.Children.map(o.children,M);return e.createElement("div",i({ref:c,id:o.id,className:k,style:o.style},W),J)})));g.displayName="SplitterPanel",g.defaultProps={__TYPE:"SplitterPanel",size:null,minSize:null,style:null,className:null},v.displayName="Splitter",v.defaultProps={__TYPE:"Splitter",id:null,className:null,style:null,layout:"horizontal",gutterSize:4,stateKey:null,stateStorage:"session",onResizeEnd:null};export{v as Splitter,g as SplitterPanel};

package/splitter/splitter.js

@@ -120,7 +120,8 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
   var SplitterPanel = function SplitterPanel() {};
   var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
-    var gutterRef = React__namespace.useRef(null);
+    var gutterRef = React__namespace.useRef();
+    var gutterRefs = React__namespace.useRef({});
     var size = React__namespace.useRef(null);
     var dragging = React__namespace.useRef(null);
     var startPos = React__namespace.useRef(null);
@@ -224,6 +225,7 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
     };
 
     var onResizeStart = function onResizeStart(event, index) {
+      gutterRef.current = gutterRefs.current[index];
       var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
       var pageY = event.type === 'touchstart' ? event.touches[0].pageY : event.pageY;
       size.current = props.layout === 'horizontal' ? utils.DomHandler.getWidth(elementRef.current) : utils.DomHandler.getHeight(elementRef.current);
@@ -336,7 +338,9 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
         height: props.gutterSize + 'px'
       };
       var gutter = index !== props.children.length - 1 && /*#__PURE__*/React__namespace.createElement("div", {
-        ref: gutterRef,
+        ref: function ref(el) {
+          return gutterRefs.current[index] = el;
+        },
         className: "p-splitter-gutter",
         style: gutterStyle,
         onMouseDown: function onMouseDown(event) {

package/splitter/splitter.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=l(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function a(e){if(Array.isArray(e))return o(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return o(e,t);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)?o(e,t):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.")}function f(e){return a(e)||s(e)||c(e)||p()}function d(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,u=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw l}}return u}}function m(){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 y(e,t){return d(e)||h(e,t)||c(e,t)||m()}var g=function(){},v=u.memo(u.forwardRef((function(e,t){var l=u.useRef(null),o=u.useRef(null),a=u.useRef(null),s=u.useRef(null),c=u.useRef(null),p=u.useRef(null),d=u.useRef(null),h=u.useRef(null),m=u.useRef(null),S=u.useRef(null),b=u.useRef(null),z=null!=e.stateKey,E=y(n.useEventListener({type:"mousemove",listener:function(e){return A(e)}}),2),w=E[0],O=E[1],D=y(n.useEventListener({type:"mouseup",listener:function(e){C(e),R()}}),2),H=D[0],N=D[1],R=function(){O(),N()},j=function(t,r){return!(e.children[S.current].props&&e.children[S.current].props.minSize&&e.children[S.current].props.minSize>t)&&!(e.children[S.current+1].props&&e.children[S.current+1].props.minSize&&e.children[S.current+1].props.minSize>r)},P=function(){switch(e.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(e.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},x=function(t,n){var u="touchstart"===t.type?t.touches[0].pageX:t.pageX,i="touchstart"===t.type?t.touches[0].pageY:t.pageY;a.current="horizontal"===e.layout?r.DomHandler.getWidth(l.current):r.DomHandler.getHeight(l.current),s.current=!0,c.current="horizontal"===e.layout?u:i,p.current=o.current.previousElementSibling,d.current=o.current.nextElementSibling,h.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(p.current,!0):r.DomHandler.getOuterHeight(p.current,!0))/a.current,m.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(d.current,!0):r.DomHandler.getOuterHeight(d.current,!0))/a.current,S.current=n,r.DomHandler.addClass(o.current,"p-splitter-gutter-resizing"),r.DomHandler.addClass(l.current,"p-splitter-resizing")},A=function(t){var r,n=h.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/a.current-100*c.current/a.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/a.current-100*c.current/a.current),l=m.current-r;j(n,l)&&(p.current.style.flexBasis="calc("+n+"% - "+(e.children.length-1)*e.gutterSize+"px)",d.current.style.flexBasis="calc("+l+"% - "+(e.children.length-1)*e.gutterSize+"px)",b.current[S.current]=n,b.current[S.current+1]=l)},C=function(t){z&&P().setItem(e.stateKey,JSON.stringify(b)),e.onResizeEnd&&e.onResizeEnd({originalEvent:t,sizes:b}),r.DomHandler.removeClass(o.current,"p-splitter-gutter-resizing"),r.DomHandler.removeClass(l.current,"p-splitter-resizing"),s.current=!1,a.current=null,c.current=null,p.current=null,d.current=null,h.current=null,m.current=null,S.current=null},_=function(e,t){x(e,t),w(),H()},I=function(e,t){x(e,t),window.addEventListener("touchmove",T,{passive:!1,cancelable:!1}),window.addEventListener("touchend",K)},T=function(e){A(e)},K=function e(t){C(t),window.removeEventListener("touchmove",T),window.removeEventListener("touchend",e)};n.useMountEffect((function(){var t,n=f(l.current.children).filter((function(e){return r.DomHandler.hasClass(e,"p-splitter-panel")}));if(n.map((function(e){e.childNodes&&r.ObjectUtils.isNotEmpty(r.DomHandler.find(e,".p-splitter"))&&r.DomHandler.addClass(e,"p-splitter-panel-nested")})),e.children&&e.children.length){var u=!1;if(z&&(u=!!(t=P().getItem(e.stateKey))&&(b.current=JSON.parse(t),f(l.current.children).filter((function(e){return r.DomHandler.hasClass(e,"p-splitter-panel")})).forEach((function(t,r){t.style.flexBasis="calc("+b[r]+"% - "+(e.children.length-1)*e.gutterSize+"px)"})),!0)),!u){var i=[];e.children.map((function(t,r){var l=(t.props&&t.props.size?t.props.size:null)||100/e.children.length;return i[r]=l,n[r].style.flexBasis="calc("+l+"% - "+(e.children.length-1)*e.gutterSize+"px)",i})),b.current=i}}}));var L=function(t,n){var l=r.ObjectUtils.findDiffKeys(t.props,g.defaultProps),a=r.classNames("p-splitter-panel",t.props.className),s=n!==e.children.length-1&&u.createElement("div",{ref:o,className:"p-splitter-gutter",style:"horizontal"===e.layout?{width:e.gutterSize+"px"}:{height:e.gutterSize+"px"},onMouseDown:function(e){return _(e,n)},onTouchStart:function(e){return I(e,n)},onTouchMove:function(e){return T(e)},onTouchEnd:function(e){return K(e)}},u.createElement("div",{className:"p-splitter-gutter-handle"}));return u.createElement(u.Fragment,null,u.createElement("div",i({key:n,className:a,style:t.props.style},l),t.props.children),s)},M=r.ObjectUtils.findDiffKeys(e,v.defaultProps),Y=r.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),B=u.Children.map(e.children,L);return u.createElement("div",i({ref:l,id:e.id,className:Y,style:e.style},M),B)})));return g.displayName="SplitterPanel",g.defaultProps={__TYPE:"SplitterPanel",size:null,minSize:null,style:null,className:null},v.displayName="Splitter",v.defaultProps={__TYPE:"Splitter",id:null,className:null,style:null,layout:"horizontal",gutterSize:4,stateKey:null,stateStorage:"session",onResizeEnd:null},e.Splitter=v,e.SplitterPanel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.hooks);
+this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=l(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function a(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return o(e,t);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)?o(e,t):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.")}function f(e){return a(e)||c(e)||s(e)||p()}function d(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,u=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw l}}return u}}function m(){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 y(e,t){return d(e)||h(e,t)||s(e,t)||m()}var g=function(){},v=u.memo(u.forwardRef((function(e,t){var l=u.useRef(null),o=u.useRef(),a=u.useRef({}),c=u.useRef(null),s=u.useRef(null),p=u.useRef(null),d=u.useRef(null),h=u.useRef(null),m=u.useRef(null),S=u.useRef(null),b=u.useRef(null),z=u.useRef(null),E=null!=e.stateKey,w=y(n.useEventListener({type:"mousemove",listener:function(e){return C(e)}}),2),O=w[0],D=w[1],H=y(n.useEventListener({type:"mouseup",listener:function(e){_(e),j()}}),2),R=H[0],N=H[1],j=function(){D(),N()},P=function(t,r){return!(e.children[b.current].props&&e.children[b.current].props.minSize&&e.children[b.current].props.minSize>t)&&!(e.children[b.current+1].props&&e.children[b.current+1].props.minSize&&e.children[b.current+1].props.minSize>r)},x=function(){switch(e.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(e.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},A=function(t,n){o.current=a.current[n];var u="touchstart"===t.type?t.touches[0].pageX:t.pageX,i="touchstart"===t.type?t.touches[0].pageY:t.pageY;c.current="horizontal"===e.layout?r.DomHandler.getWidth(l.current):r.DomHandler.getHeight(l.current),s.current=!0,p.current="horizontal"===e.layout?u:i,d.current=o.current.previousElementSibling,h.current=o.current.nextElementSibling,m.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(d.current,!0):r.DomHandler.getOuterHeight(d.current,!0))/c.current,S.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(h.current,!0):r.DomHandler.getOuterHeight(h.current,!0))/c.current,b.current=n,r.DomHandler.addClass(o.current,"p-splitter-gutter-resizing"),r.DomHandler.addClass(l.current,"p-splitter-resizing")},C=function(t){var r,n=m.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/c.current-100*p.current/c.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/c.current-100*p.current/c.current),l=S.current-r;P(n,l)&&(d.current.style.flexBasis="calc("+n+"% - "+(e.children.length-1)*e.gutterSize+"px)",h.current.style.flexBasis="calc("+l+"% - "+(e.children.length-1)*e.gutterSize+"px)",z.current[b.current]=n,z.current[b.current+1]=l)},_=function(t){E&&x().setItem(e.stateKey,JSON.stringify(z)),e.onResizeEnd&&e.onResizeEnd({originalEvent:t,sizes:z}),r.DomHandler.removeClass(o.current,"p-splitter-gutter-resizing"),r.DomHandler.removeClass(l.current,"p-splitter-resizing"),s.current=!1,c.current=null,p.current=null,d.current=null,h.current=null,m.current=null,S.current=null,b.current=null},I=function(e,t){A(e,t),O(),R()},T=function(e,t){A(e,t),window.addEventListener("touchmove",K,{passive:!1,cancelable:!1}),window.addEventListener("touchend",L)},K=function(e){C(e)},L=function e(t){_(t),window.removeEventListener("touchmove",K),window.removeEventListener("touchend",e)};n.useMountEffect((function(){var t,n=f(l.current.children).filter((function(e){return r.DomHandler.hasClass(e,"p-splitter-panel")}));if(n.map((function(e){e.childNodes&&r.ObjectUtils.isNotEmpty(r.DomHandler.find(e,".p-splitter"))&&r.DomHandler.addClass(e,"p-splitter-panel-nested")})),e.children&&e.children.length){var u=!1;if(E&&(u=!!(t=x().getItem(e.stateKey))&&(z.current=JSON.parse(t),f(l.current.children).filter((function(e){return r.DomHandler.hasClass(e,"p-splitter-panel")})).forEach((function(t,r){t.style.flexBasis="calc("+z[r]+"% - "+(e.children.length-1)*e.gutterSize+"px)"})),!0)),!u){var i=[];e.children.map((function(t,r){var l=(t.props&&t.props.size?t.props.size:null)||100/e.children.length;return i[r]=l,n[r].style.flexBasis="calc("+l+"% - "+(e.children.length-1)*e.gutterSize+"px)",i})),z.current=i}}}));var M=function(t,n){var l=r.ObjectUtils.findDiffKeys(t.props,g.defaultProps),o=r.classNames("p-splitter-panel",t.props.className),c=n!==e.children.length-1&&u.createElement("div",{ref:function(e){return a.current[n]=e},className:"p-splitter-gutter",style:"horizontal"===e.layout?{width:e.gutterSize+"px"}:{height:e.gutterSize+"px"},onMouseDown:function(e){return I(e,n)},onTouchStart:function(e){return T(e,n)},onTouchMove:function(e){return K(e)},onTouchEnd:function(e){return L(e)}},u.createElement("div",{className:"p-splitter-gutter-handle"}));return u.createElement(u.Fragment,null,u.createElement("div",i({key:n,className:o,style:t.props.style},l),t.props.children),c)},Y=r.ObjectUtils.findDiffKeys(e,v.defaultProps),B=r.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),U=u.Children.map(e.children,M);return u.createElement("div",i({ref:l,id:e.id,className:B,style:e.style},Y),U)})));return g.displayName="SplitterPanel",g.defaultProps={__TYPE:"SplitterPanel",size:null,minSize:null,style:null,className:null},v.displayName="Splitter",v.defaultProps={__TYPE:"Splitter",id:null,className:null,style:null,layout:"horizontal",gutterSize:4,stateKey:null,stateStorage:"session",onResizeEnd:null},e.Splitter=v,e.SplitterPanel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.hooks);

package/styleclass/styleclass.cjs.js

@@ -134,11 +134,11 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       unbindTargetLeaveListener = _useEventListener4[1];
 
   var _useEventListener5 = hooks.useEventListener({
-    type: 'animationend',
+    type: 'click',
     listener: function listener(event) {
-      if (getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
+      if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
         unbindDocumentClickListener();
-      } else if (!elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target)) {
+      } else if (isOutsideClick(event)) {
         leave();
       }
     },
@@ -230,7 +230,9 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       }
     }
 
-    unbindDocumentClickListener();
+    if (props.hideOnOutsideClick) {
+      unbindDocumentClickListener();
+    }
   };
 
   var resolveTarget = function resolveTarget() {
@@ -270,6 +272,14 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
     targetRef.current = null;
   };
 
+  var isVisible = function isVisible(target) {
+    return target.offsetParent !== null;
+  };
+
+  var isOutsideClick = function isOutsideClick(event) {
+    return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
+  };
+
   hooks.useMountEffect(function () {
     init();
   });

package/styleclass/styleclass.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=n(e);function l(e){if(Array.isArray(e))return e}function s(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function u(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function o(e,r){if(e){if("string"==typeof e)return u(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,r):void 0}}function c(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function i(e,r){return l(e)||s(e,r)||o(e,r)||c()}var m=a.forwardRef((function(e,n){var l=a.useRef(null),s=a.useRef(!1),u=a.useRef(null),o=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.enterActiveClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName),m(),"slidedown"===e.enterActiveClassName&&(l.current.style.maxHeight=""),s.current=!1},when:!1}),2),c=o[0],m=o[1],d=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.leaveActiveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName),C(),s.current=!1},when:!1}),2),f=d[0],C=d[1],v=i(r.useEventListener({type:"animationend",listener:function(e){"static"===getComputedStyle(l.current).getPropertyValue("position")?N():u.current.isSameNode(e.target)||u.current.contains(e.target)||l.current.contains(e.target)||b()},when:!1}),2),g=v[0],N=v[1],p=i(r.useEventListener({type:"click",listener:function(){l.current=D(),e.toggleClassName?t.DomHandler.hasClass(l.current,e.toggleClassName)?t.DomHandler.removeClass(l.current,e.toggleClassName):t.DomHandler.addClass(l.current,e.toggleClassName):null===l.current.offsetParent?H():b()},when:!1}),2),y=p[0],h=p[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(l.current.style.height="0px",t.DomHandler.removeClass(l.current,"hidden"),l.current.style.maxHeight=l.current.scrollHeight+"px",t.DomHandler.addClass(l.current,"hidden"),l.current.style.height=""),t.DomHandler.addClass(l.current,e.enterActiveClassName),e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),c({target:l.current,when:!0})):(e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument,when:e.hideOnOutsideClick})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,t.DomHandler.addClass(l.current,e.leaveActiveClassName),e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),f({target:l.current,when:!0})):(e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName)),N()},D=function(){if(l.current)return l.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},w=function(){u.current=t.ObjectUtils.getRefElement(e.nodeRef),y({target:u.current,when:!0})},A=function(){h(),N(),l.current=null};return r.useMountEffect((function(){w()})),r.useUpdateEffect((function(){A(),w()}),[e.nodeRef]),r.useUnmountEffect((function(){A()})),e.children}));m.displayName="StyleClass",m.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},exports.StyleClass=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=n(e);function l(e){if(Array.isArray(e))return e}function s(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function u(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function c(e,r){if(e){if("string"==typeof e)return u(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,r):void 0}}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 i(e,r){return l(e)||s(e,r)||c(e,r)||o()}var m=a.forwardRef((function(e,n){var l=a.useRef(null),s=a.useRef(!1),u=a.useRef(null),c=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.enterActiveClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName),m(),"slidedown"===e.enterActiveClassName&&(l.current.style.maxHeight=""),s.current=!1},when:!1}),2),o=c[0],m=c[1],d=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.leaveActiveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName),C(),s.current=!1},when:!1}),2),f=d[0],C=d[1],v=i(r.useEventListener({type:"click",listener:function(e){E(l.current)&&"static"!==getComputedStyle(l.current).getPropertyValue("position")?O(e)&&b():N()},when:!1}),2),g=v[0],N=v[1],p=i(r.useEventListener({type:"click",listener:function(){l.current=D(),e.toggleClassName?t.DomHandler.hasClass(l.current,e.toggleClassName)?t.DomHandler.removeClass(l.current,e.toggleClassName):t.DomHandler.addClass(l.current,e.toggleClassName):null===l.current.offsetParent?H():b()},when:!1}),2),y=p[0],h=p[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(l.current.style.height="0px",t.DomHandler.removeClass(l.current,"hidden"),l.current.style.maxHeight=l.current.scrollHeight+"px",t.DomHandler.addClass(l.current,"hidden"),l.current.style.height=""),t.DomHandler.addClass(l.current,e.enterActiveClassName),e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),o({target:l.current,when:!0})):(e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument,when:e.hideOnOutsideClick})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,t.DomHandler.addClass(l.current,e.leaveActiveClassName),e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),f({target:l.current,when:!0})):(e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName)),e.hideOnOutsideClick&&N()},D=function(){if(l.current)return l.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},w=function(){u.current=t.ObjectUtils.getRefElement(e.nodeRef),y({target:u.current,when:!0})},A=function(){h(),N(),l.current=null},E=function(e){return null!==e.offsetParent},O=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!l.current.contains(e.target)};return r.useMountEffect((function(){w()})),r.useUpdateEffect((function(){A(),w()}),[e.nodeRef]),r.useUnmountEffect((function(){A()})),e.children}));m.displayName="StyleClass",m.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},exports.StyleClass=m;

package/styleclass/styleclass.esm.js

@@ -110,11 +110,11 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
       unbindTargetLeaveListener = _useEventListener4[1];
 
   var _useEventListener5 = useEventListener({
-    type: 'animationend',
+    type: 'click',
     listener: function listener(event) {
-      if (getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
+      if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
         unbindDocumentClickListener();
-      } else if (!elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target)) {
+      } else if (isOutsideClick(event)) {
         leave();
       }
     },
@@ -206,7 +206,9 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     }
 
-    unbindDocumentClickListener();
+    if (props.hideOnOutsideClick) {
+      unbindDocumentClickListener();
+    }
   };
 
   var resolveTarget = function resolveTarget() {
@@ -246,6 +248,14 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
     targetRef.current = null;
   };
 
+  var isVisible = function isVisible(target) {
+    return target.offsetParent !== null;
+  };
+
+  var isOutsideClick = function isOutsideClick(event) {
+    return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
+  };
+
   useMountEffect(function () {
     init();
   });

package/styleclass/styleclass.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useEventListener as r,useMountEffect as t,useUpdateEffect as n,useUnmountEffect as a}from"primereact/hooks";import{DomHandler as l,ObjectUtils as s}from"primereact/utils";function u(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function i(e,r){if(e){if("string"==typeof e)return o(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,r):void 0}}function m(){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 C(e,r){return u(e)||c(e,r)||i(e,r)||m()}var d=e.forwardRef((function(u,c){var o=e.useRef(null),i=e.useRef(!1),m=e.useRef(null),d=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.enterActiveClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName),v(),"slidedown"===u.enterActiveClassName&&(o.current.style.maxHeight=""),i.current=!1},when:!1}),2),f=d[0],v=d[1],N=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.leaveActiveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName),p(),i.current=!1},when:!1}),2),g=N[0],p=N[1],h=C(r({type:"animationend",listener:function(e){"static"===getComputedStyle(o.current).getPropertyValue("position")?w():m.current.isSameNode(e.target)||m.current.contains(e.target)||o.current.contains(e.target)||x()},when:!1}),2),y=h[0],w=h[1],A=C(r({type:"click",listener:function(){o.current=E(),u.toggleClassName?l.hasClass(o.current,u.toggleClassName)?l.removeClass(o.current,u.toggleClassName):l.addClass(o.current,u.toggleClassName):null===o.current.offsetParent?b():x()},when:!1}),2),S=A[0],T=A[1],b=function(){u.enterActiveClassName?i.current||(i.current=!0,"slidedown"===u.enterActiveClassName&&(o.current.style.height="0px",l.removeClass(o.current,"hidden"),o.current.style.maxHeight=o.current.scrollHeight+"px",l.addClass(o.current,"hidden"),o.current.style.height=""),l.addClass(o.current,u.enterActiveClassName),u.enterClassName&&l.removeClass(o.current,u.enterClassName),f({target:o.current,when:!0})):(u.enterClassName&&l.removeClass(o.current,u.enterClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName)),y({target:m.current&&m.current.ownerDocument,when:u.hideOnOutsideClick})},x=function(){u.leaveActiveClassName?i.current||(i.current=!0,l.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),g({target:o.current,when:!0})):(u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName)),w()},E=function(){if(o.current)return o.current;switch(u.selector){case"@next":return m.current.nextElementSibling;case"@prev":return m.current.previousElementSibling;case"@parent":return m.current.parentElement;case"@grandparent":return m.current.parentElement.parentElement;default:return document.querySelector(u.selector)}},R=function(){m.current=s.getRefElement(u.nodeRef),S({target:m.current,when:!0})},O=function(){T(),w(),o.current=null};return t((function(){R()})),n((function(){O(),R()}),[u.nodeRef]),a((function(){O()})),u.children}));d.displayName="StyleClass",d.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null};export{d as StyleClass};
+import*as e from"react";import{useEventListener as r,useMountEffect as t,useUpdateEffect as n,useUnmountEffect as a}from"primereact/hooks";import{DomHandler as l,ObjectUtils as s}from"primereact/utils";function u(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function i(e,r){if(e){if("string"==typeof e)return o(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,r):void 0}}function m(){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 C(e,r){return u(e)||c(e,r)||i(e,r)||m()}var d=e.forwardRef((function(u,c){var o=e.useRef(null),i=e.useRef(!1),m=e.useRef(null),d=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.enterActiveClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName),v(),"slidedown"===u.enterActiveClassName&&(o.current.style.maxHeight=""),i.current=!1},when:!1}),2),f=d[0],v=d[1],N=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.leaveActiveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName),h(),i.current=!1},when:!1}),2),g=N[0],h=N[1],p=C(r({type:"click",listener:function(e){k(o.current)&&"static"!==getComputedStyle(o.current).getPropertyValue("position")?P(e)&&x():w()},when:!1}),2),y=p[0],w=p[1],A=C(r({type:"click",listener:function(){o.current=E(),u.toggleClassName?l.hasClass(o.current,u.toggleClassName)?l.removeClass(o.current,u.toggleClassName):l.addClass(o.current,u.toggleClassName):null===o.current.offsetParent?b():x()},when:!1}),2),S=A[0],T=A[1],b=function(){u.enterActiveClassName?i.current||(i.current=!0,"slidedown"===u.enterActiveClassName&&(o.current.style.height="0px",l.removeClass(o.current,"hidden"),o.current.style.maxHeight=o.current.scrollHeight+"px",l.addClass(o.current,"hidden"),o.current.style.height=""),l.addClass(o.current,u.enterActiveClassName),u.enterClassName&&l.removeClass(o.current,u.enterClassName),f({target:o.current,when:!0})):(u.enterClassName&&l.removeClass(o.current,u.enterClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName)),y({target:m.current&&m.current.ownerDocument,when:u.hideOnOutsideClick})},x=function(){u.leaveActiveClassName?i.current||(i.current=!0,l.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),g({target:o.current,when:!0})):(u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName)),u.hideOnOutsideClick&&w()},E=function(){if(o.current)return o.current;switch(u.selector){case"@next":return m.current.nextElementSibling;case"@prev":return m.current.previousElementSibling;case"@parent":return m.current.parentElement;case"@grandparent":return m.current.parentElement.parentElement;default:return document.querySelector(u.selector)}},O=function(){m.current=s.getRefElement(u.nodeRef),S({target:m.current,when:!0})},R=function(){T(),w(),o.current=null},k=function(e){return null!==e.offsetParent},P=function(e){return!m.current.isSameNode(e.target)&&!m.current.contains(e.target)&&!o.current.contains(e.target)};return t((function(){O()})),n((function(){R(),O()}),[u.nodeRef]),a((function(){R()})),u.children}));d.displayName="StyleClass",d.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null};export{d as StyleClass};

package/styleclass/styleclass.js

@@ -130,11 +130,11 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
         unbindTargetLeaveListener = _useEventListener4[1];
 
     var _useEventListener5 = hooks.useEventListener({
-      type: 'animationend',
+      type: 'click',
       listener: function listener(event) {
-        if (getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
+        if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
           unbindDocumentClickListener();
-        } else if (!elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target)) {
+        } else if (isOutsideClick(event)) {
           leave();
         }
       },
@@ -226,7 +226,9 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
         }
       }
 
-      unbindDocumentClickListener();
+      if (props.hideOnOutsideClick) {
+        unbindDocumentClickListener();
+      }
     };
 
     var resolveTarget = function resolveTarget() {
@@ -266,6 +268,14 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
       targetRef.current = null;
     };
 
+    var isVisible = function isVisible(target) {
+      return target.offsetParent !== null;
+    };
+
+    var isOutsideClick = function isOutsideClick(event) {
+      return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
+    };
+
     hooks.useMountEffect(function () {
       init();
     });