primereact 8.2.0 → 8.5.0

package/speeddial/speeddial.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Button as t}from"primereact/button";import{useEventListener as n,useMountEffect as r,useUpdateEffect as i}from"primereact/hooks";import{Ripple as o}from"primereact/ripple";import{DomHandler as a,ObjectUtils as l,classNames as c,IconUtils as s}from"primereact/utils";function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){l=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return o}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function b(){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 f(e)||d(e,t)||h(e,t)||b()}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=e.memo(e.forwardRef((function(f,d){var m,h=y(e.useState(!1),2),b=h[0],v=h[1],w=e.useRef(!1),S=e.useRef(null),C=e.useRef(null),k=f.onVisibleChange?f.visible:b,I=y(n({type:"click",listener:function(e){!w.current&&D(e)&&j(),w.current=!1},when:b}),2),x=I[0],N=I[1],P=function(){f.onVisibleChange?f.onVisibleChange(!0):v(!0),f.onShow&&f.onShow()},j=function(){f.onVisibleChange?f.onVisibleChange(!1):v(!1),f.onHide&&f.onHide()},E=function(e){k?j():P(),f.onClick&&f.onClick(e),w.current=!0},M=function(e,t){t.command&&t.command({originalEvent:e,item:t}),j(),w.current=!0,e.preventDefault()},D=function(e){return S.current&&!(S.current.isSameNode(e.target)||S.current.contains(e.target))},A=function(e){return(k?e:f.model.length-e-1)*f.transitionDelay},H=function(e){var t=f.type;if("linear"!==t){var n=f.model.length,r=f.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=f.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:c};if("down"===o)return{left:l,top:c};if("left"===o)return{right:c,top:l};if("right"===o)return{left:c,top:l}}else if("quarter-circle"===t){var s=f.direction,u=Math.PI/(2*(n-1)),p="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:p,bottom:d};if("up-right"===s)return{left:p,bottom:d};if("down-left"===s)return{right:d,top:p};if("down-right"===s)return{left:d,top:p}}}return{}},V=function(e){var t=A(e),n=H(e);return g({transitionDelay:"".concat(t,"ms")},n)};r((function(){if("linear"!==f.type){var e=a.findSingle(S.current,".p-speeddial-button"),t=a.findSingle(C.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);C.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),C.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),i((function(){return b&&f.hideOnClickOutside&&x(),function(){f.hideOnClickOutside&&N()}}),[b]),e.useImperativeHandle(d,(function(){return{show:P,hide:j}}));var T,J=function(t,n){var r=V(n),i=t.icon,a=t.label,u=t.template,p=t.url,d=t.target,m=c("p-speeddial-action",{"p-disabled":t.disabled}),h=c("p-speeddial-action-icon",i),b=s.getJSXIcon(i,{className:"p-speeddial-action-icon"},{props:f}),y=e.createElement("a",{href:p||"#",role:"menuitem",className:m,target:d,"data-pr-tooltip":a,onClick:function(e){return M(e,t)}},b,e.createElement(o,null));u&&(y=l.getJSXElement(u,t,{onClick:function(e){return M(e,t)},className:m,iconClassName:h,element:y,props:f,visible:k}));return e.createElement("li",{key:n,className:"p-speeddial-item",style:r,role:"none"},y)},R=l.findDiffKeys(f,O.defaultProps),X=c("p-speeddial p-component p-speeddial-".concat(f.type),(p(m={},"p-speeddial-direction-".concat(f.direction),"circle"!==f.type),p(m,"p-speeddial-opened",k),p(m,"p-disabled",f.disabled),m),f.className),W=function(){var n,r=!k&&!!f.showIcon||!f.hideIcon,i=k&&!!f.hideIcon,o=c("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":f.rotateAnimation&&!f.hideIcon},f.buttonClassName),a=c((p(n={},"".concat(f.showIcon),!k&&!!f.showIcon||!f.hideIcon),p(n,"".concat(f.hideIcon),k&&!!f.hideIcon),n)),u=s.getJSXIcon(r?f.showIcon:i?f.hideIcon:null,void 0,{props:f}),d=e.createElement(t,{type:"button",style:f.buttonStyle,className:o,icon:u,onClick:E,disabled:f.disabled});return f.buttonTemplate?l.getJSXElement(f.buttonTemplate,{onClick:E,className:o,iconClassName:a,element:d,props:f,visible:k}):d}(),_=(T=f.model?f.model.map(J):null,e.createElement("ul",{ref:C,className:"p-speeddial-list",role:"menu"},T)),q=function(){if(f.mask){var t=c("p-speeddial-mask",{"p-speeddial-mask-visible":k},f.maskClassName);return e.createElement("div",{className:t,style:f.maskStyle})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",u({ref:S,id:f.id,className:X,style:f.style},R),W,_),q)})));O.displayName="SpeedDial",O.defaultProps={__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null};export{O as SpeedDial};
+import*as e from"react";import{Button as t}from"primereact/button";import{useEventListener as n,useMountEffect as r,useUpdateEffect as i}from"primereact/hooks";import{Ripple as o}from"primereact/ripple";import{DomHandler as l,ObjectUtils as a,classNames as c,IconUtils as s}from"primereact/utils";function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o=[],l=!0,a=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);l=!0);}catch(e){a=!0,i=e}finally{try{l||null==n.return||n.return()}finally{if(a)throw i}}return o}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function b(){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 f(e)||d(e,t)||h(e,t)||b()}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=e.memo(e.forwardRef((function(f,d){var m,h=y(e.useState(!1),2),b=h[0],v=h[1],w=e.useRef(!1),S=e.useRef(null),C=e.useRef(null),k=f.onVisibleChange?f.visible:b,I=y(n({type:"click",listener:function(e){!w.current&&D(e)&&j(),w.current=!1},when:b}),2),x=I[0],N=I[1],P=function(){f.onVisibleChange?f.onVisibleChange(!0):v(!0),f.onShow&&f.onShow()},j=function(){f.onVisibleChange?f.onVisibleChange(!1):v(!1),f.onHide&&f.onHide()},E=function(e){k?j():P(),f.onClick&&f.onClick(e),w.current=!0},M=function(e,t){t.command&&t.command({originalEvent:e,item:t}),j(),w.current=!0,e.preventDefault()},D=function(e){return S.current&&!(S.current.isSameNode(e.target)||S.current.contains(e.target))},A=function(e){return(k?e:f.model.length-e-1)*f.transitionDelay},H=function(e){var t=f.type;if("linear"!==t){var n=f.model.length,r=f.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=f.direction,l=Math.PI/(n-1),a="calc(".concat(r*Math.cos(l*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(l*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:a,bottom:c};if("down"===o)return{left:a,top:c};if("left"===o)return{right:c,top:a};if("right"===o)return{left:c,top:a}}else if("quarter-circle"===t){var s=f.direction,u=Math.PI/(2*(n-1)),p="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:p,bottom:d};if("up-right"===s)return{left:p,bottom:d};if("down-left"===s)return{right:d,top:p};if("down-right"===s)return{left:d,top:p}}}return{}},V=function(e){var t=A(e),n=H(e);return g({transitionDelay:"".concat(t,"ms")},n)};r((function(){if("linear"!==f.type){var e=l.findSingle(S.current,".p-speeddial-button"),t=l.findSingle(C.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);C.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),C.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),i((function(){return b&&f.hideOnClickOutside&&x(),function(){f.hideOnClickOutside&&N()}}),[b]),e.useImperativeHandle(d,(function(){return{props:f,show:P,hide:j,getElement:function(){return S.current}}}));var T,J=function(t,n){if(!1===t.visible)return null;var r=V(n),i=t.icon,l=t.label,u=t.template,p=t.url,d=t.target,m=c("p-speeddial-action",{"p-disabled":t.disabled}),h=c("p-speeddial-action-icon",i),b=s.getJSXIcon(i,{className:"p-speeddial-action-icon"},{props:f}),y=e.createElement("a",{href:p||"#",role:"menuitem",className:m,target:d,"data-pr-tooltip":l,onClick:function(e){return M(e,t)}},b,e.createElement(o,null));u&&(y=a.getJSXElement(u,t,{onClick:function(e){return M(e,t)},className:m,iconClassName:h,element:y,props:f,visible:k}));return e.createElement("li",{key:n,className:"p-speeddial-item",style:r,role:"none"},y)},R=a.findDiffKeys(f,O.defaultProps),X=c("p-speeddial p-component p-speeddial-".concat(f.type),(p(m={},"p-speeddial-direction-".concat(f.direction),"circle"!==f.type),p(m,"p-speeddial-opened",k),p(m,"p-disabled",f.disabled),m),f.className),W=function(){var n,r=!k&&!!f.showIcon||!f.hideIcon,i=k&&!!f.hideIcon,o=c("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":f.rotateAnimation&&!f.hideIcon},f.buttonClassName),l=c((p(n={},"".concat(f.showIcon),!k&&!!f.showIcon||!f.hideIcon),p(n,"".concat(f.hideIcon),k&&!!f.hideIcon),n)),u=s.getJSXIcon(r?f.showIcon:i?f.hideIcon:null,void 0,{props:f}),d=e.createElement(t,{type:"button",style:f.buttonStyle,className:o,icon:u,onClick:E,disabled:f.disabled});return f.buttonTemplate?a.getJSXElement(f.buttonTemplate,{onClick:E,className:o,iconClassName:l,element:d,props:f,visible:k}):d}(),_=(T=f.model?f.model.map(J):null,e.createElement("ul",{ref:C,className:"p-speeddial-list",role:"menu"},T)),q=function(){if(f.mask){var t=c("p-speeddial-mask",{"p-speeddial-mask-visible":k},f.maskClassName);return e.createElement("div",{className:t,style:f.maskStyle})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",u({ref:S,id:f.id,className:X,style:f.style},R),W,_),q)})));O.displayName="SpeedDial",O.defaultProps={__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null};export{O as SpeedDial};

package/speeddial/speeddial.js

@@ -293,12 +293,20 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
     }, [visibleState]);
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         show: show,
-        hide: hide
+        hide: hide,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
       };
     });
 
     var createItem = function createItem(item, index) {
+      if (item.visible === false) {
+        return null;
+      }
+
       var style = getItemStyle(index);
       var disabled = item.disabled,
           _icon = item.icon,

package/speeddial/speeddial.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,n,r,i,a){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){o=!0,i=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw i}}return a}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):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 b(e,t){return u(e)||p(e,t)||d(e,t)||m()}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=o.memo(o.forwardRef((function(e,t){var l,u=b(o.useState(!1),2),p=u[0],f=u[1],d=o.useRef(!1),m=o.useRef(null),h=o.useRef(null),g=e.onVisibleChange?e.visible:p,O=b(r.useEventListener({type:"click",listener:function(e){!d.current&&C(e)&&S(),d.current=!1},when:p}),2),w=O[0],j=O[1],N=function(){e.onVisibleChange?e.onVisibleChange(!0):f(!0),e.onShow&&e.onShow()},S=function(){e.onVisibleChange?e.onVisibleChange(!1):f(!1),e.onHide&&e.onHide()},I=function(t){g?S():N(),e.onClick&&e.onClick(t),d.current=!0},k=function(e,t){t.command&&t.command({originalEvent:e,item:t}),S(),d.current=!0,e.preventDefault()},C=function(e){return m.current&&!(m.current.isSameNode(e.target)||m.current.contains(e.target))},P=function(t){return(g?t:e.model.length-t-1)*e.transitionDelay},x=function(t){var n=e.type;if("linear"!==n){var r=e.model.length,i=e.radius||20*r;if("circle"===n){var a=2*Math.PI/r;return{left:"calc(".concat(i*Math.cos(a*t),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(i*Math.sin(a*t),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var l=e.direction,o=Math.PI/(r-1),c="calc(".concat(i*Math.cos(o*t),"px + var(--item-diff-x, 0px))"),s="calc(".concat(i*Math.sin(o*t),"px + var(--item-diff-y, 0px))");if("up"===l)return{left:c,bottom:s};if("down"===l)return{left:c,top:s};if("left"===l)return{right:s,top:c};if("right"===l)return{left:s,top:c}}else if("quarter-circle"===n){var u=e.direction,p=Math.PI/(2*(r-1)),f="calc(".concat(i*Math.cos(p*t),"px + var(--item-diff-x, 0px))"),d="calc(".concat(i*Math.sin(p*t),"px + var(--item-diff-y, 0px))");if("up-left"===u)return{right:f,bottom:d};if("up-right"===u)return{left:f,bottom:d};if("down-left"===u)return{right:d,top:f};if("down-right"===u)return{left:d,top:f}}}return{}},E=function(e){var t=P(e),n=x(e);return y({transitionDelay:"".concat(t,"ms")},n)};r.useMountEffect((function(){if("linear"!==e.type){var t=a.DomHandler.findSingle(m.current,".p-speeddial-button"),n=a.DomHandler.findSingle(h.current,".p-speeddial-item");if(t&&n){var r=Math.abs(t.offsetWidth-n.offsetWidth),i=Math.abs(t.offsetHeight-n.offsetHeight);h.current.style.setProperty("--item-diff-x","".concat(r/2,"px")),h.current.style.setProperty("--item-diff-y","".concat(i/2,"px"))}}})),r.useUpdateEffect((function(){return p&&e.hideOnClickOutside&&w(),function(){e.hideOnClickOutside&&j()}}),[p]),o.useImperativeHandle(t,(function(){return{show:N,hide:S}}));var D,M=function(t,n){var r=E(n),l=t.icon,c=t.label,s=t.template,u=t.url,p=t.target,f=a.classNames("p-speeddial-action",{"p-disabled":t.disabled}),d=a.classNames("p-speeddial-action-icon",l),m=a.IconUtils.getJSXIcon(l,{className:"p-speeddial-action-icon"},{props:e}),b=o.createElement("a",{href:u||"#",role:"menuitem",className:f,target:p,"data-pr-tooltip":c,onClick:function(e){return k(e,t)}},m,o.createElement(i.Ripple,null));s&&(b=a.ObjectUtils.getJSXElement(s,t,{onClick:function(e){return k(e,t)},className:f,iconClassName:d,element:b,props:e,visible:g}));return o.createElement("li",{key:n,className:"p-speeddial-item",style:r,role:"none"},b)},A=a.ObjectUtils.findDiffKeys(e,v.defaultProps),H=a.classNames("p-speeddial p-component p-speeddial-".concat(e.type),(s(l={},"p-speeddial-direction-".concat(e.direction),"circle"!==e.type),s(l,"p-speeddial-opened",g),s(l,"p-disabled",e.disabled),l),e.className),U=function(){var t,r=!g&&!!e.showIcon||!e.hideIcon,i=g&&!!e.hideIcon,l=a.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":e.rotateAnimation&&!e.hideIcon},e.buttonClassName),c=a.classNames((s(t={},"".concat(e.showIcon),!g&&!!e.showIcon||!e.hideIcon),s(t,"".concat(e.hideIcon),g&&!!e.hideIcon),t)),u=a.IconUtils.getJSXIcon(r?e.showIcon:i?e.hideIcon:null,void 0,{props:e}),p=o.createElement(n.Button,{type:"button",style:e.buttonStyle,className:l,icon:u,onClick:I,disabled:e.disabled});return e.buttonTemplate?a.ObjectUtils.getJSXElement(e.buttonTemplate,{onClick:I,className:l,iconClassName:c,element:p,props:e,visible:g}):p}(),R=(D=e.model?e.model.map(M):null,o.createElement("ul",{ref:h,className:"p-speeddial-list",role:"menu"},D)),V=function(){if(e.mask){var t=a.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":g},e.maskClassName);return o.createElement("div",{className:t,style:e.maskStyle})}return null}();return o.createElement(o.Fragment,null,o.createElement("div",c({ref:m,id:e.id,className:H,style:e.style},A),U,R),V)})));return v.displayName="SpeedDial",v.defaultProps={__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null},e.SpeedDial=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.button,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,n,r,i,a){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){o=!0,i=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw i}}return a}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):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 b(e,t){return u(e)||p(e,t)||d(e,t)||m()}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=o.memo(o.forwardRef((function(e,t){var l,u=b(o.useState(!1),2),p=u[0],f=u[1],d=o.useRef(!1),m=o.useRef(null),h=o.useRef(null),g=e.onVisibleChange?e.visible:p,O=b(r.useEventListener({type:"click",listener:function(e){!d.current&&C(e)&&S(),d.current=!1},when:p}),2),w=O[0],j=O[1],N=function(){e.onVisibleChange?e.onVisibleChange(!0):f(!0),e.onShow&&e.onShow()},S=function(){e.onVisibleChange?e.onVisibleChange(!1):f(!1),e.onHide&&e.onHide()},I=function(t){g?S():N(),e.onClick&&e.onClick(t),d.current=!0},k=function(e,t){t.command&&t.command({originalEvent:e,item:t}),S(),d.current=!0,e.preventDefault()},C=function(e){return m.current&&!(m.current.isSameNode(e.target)||m.current.contains(e.target))},P=function(t){return(g?t:e.model.length-t-1)*e.transitionDelay},E=function(t){var n=e.type;if("linear"!==n){var r=e.model.length,i=e.radius||20*r;if("circle"===n){var a=2*Math.PI/r;return{left:"calc(".concat(i*Math.cos(a*t),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(i*Math.sin(a*t),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var l=e.direction,o=Math.PI/(r-1),c="calc(".concat(i*Math.cos(o*t),"px + var(--item-diff-x, 0px))"),s="calc(".concat(i*Math.sin(o*t),"px + var(--item-diff-y, 0px))");if("up"===l)return{left:c,bottom:s};if("down"===l)return{left:c,top:s};if("left"===l)return{right:s,top:c};if("right"===l)return{left:s,top:c}}else if("quarter-circle"===n){var u=e.direction,p=Math.PI/(2*(r-1)),f="calc(".concat(i*Math.cos(p*t),"px + var(--item-diff-x, 0px))"),d="calc(".concat(i*Math.sin(p*t),"px + var(--item-diff-y, 0px))");if("up-left"===u)return{right:f,bottom:d};if("up-right"===u)return{left:f,bottom:d};if("down-left"===u)return{right:d,top:f};if("down-right"===u)return{left:d,top:f}}}return{}},x=function(e){var t=P(e),n=E(e);return y({transitionDelay:"".concat(t,"ms")},n)};r.useMountEffect((function(){if("linear"!==e.type){var t=a.DomHandler.findSingle(m.current,".p-speeddial-button"),n=a.DomHandler.findSingle(h.current,".p-speeddial-item");if(t&&n){var r=Math.abs(t.offsetWidth-n.offsetWidth),i=Math.abs(t.offsetHeight-n.offsetHeight);h.current.style.setProperty("--item-diff-x","".concat(r/2,"px")),h.current.style.setProperty("--item-diff-y","".concat(i/2,"px"))}}})),r.useUpdateEffect((function(){return p&&e.hideOnClickOutside&&w(),function(){e.hideOnClickOutside&&j()}}),[p]),o.useImperativeHandle(t,(function(){return{props:e,show:N,hide:S,getElement:function(){return m.current}}}));var D,M=function(t,n){if(!1===t.visible)return null;var r=x(n),l=t.icon,c=t.label,s=t.template,u=t.url,p=t.target,f=a.classNames("p-speeddial-action",{"p-disabled":t.disabled}),d=a.classNames("p-speeddial-action-icon",l),m=a.IconUtils.getJSXIcon(l,{className:"p-speeddial-action-icon"},{props:e}),b=o.createElement("a",{href:u||"#",role:"menuitem",className:f,target:p,"data-pr-tooltip":c,onClick:function(e){return k(e,t)}},m,o.createElement(i.Ripple,null));s&&(b=a.ObjectUtils.getJSXElement(s,t,{onClick:function(e){return k(e,t)},className:f,iconClassName:d,element:b,props:e,visible:g}));return o.createElement("li",{key:n,className:"p-speeddial-item",style:r,role:"none"},b)},A=a.ObjectUtils.findDiffKeys(e,v.defaultProps),H=a.classNames("p-speeddial p-component p-speeddial-".concat(e.type),(s(l={},"p-speeddial-direction-".concat(e.direction),"circle"!==e.type),s(l,"p-speeddial-opened",g),s(l,"p-disabled",e.disabled),l),e.className),U=function(){var t,r=!g&&!!e.showIcon||!e.hideIcon,i=g&&!!e.hideIcon,l=a.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":e.rotateAnimation&&!e.hideIcon},e.buttonClassName),c=a.classNames((s(t={},"".concat(e.showIcon),!g&&!!e.showIcon||!e.hideIcon),s(t,"".concat(e.hideIcon),g&&!!e.hideIcon),t)),u=a.IconUtils.getJSXIcon(r?e.showIcon:i?e.hideIcon:null,void 0,{props:e}),p=o.createElement(n.Button,{type:"button",style:e.buttonStyle,className:l,icon:u,onClick:I,disabled:e.disabled});return e.buttonTemplate?a.ObjectUtils.getJSXElement(e.buttonTemplate,{onClick:I,className:l,iconClassName:c,element:p,props:e,visible:g}):p}(),R=(D=e.model?e.model.map(M):null,o.createElement("ul",{ref:h,className:"p-speeddial-list",role:"menu"},D)),V=function(){if(e.mask){var t=a.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":g},e.maskClassName);return o.createElement("div",{className:t,style:e.maskStyle})}return null}();return o.createElement(o.Fragment,null,o.createElement("div",c({ref:m,id:e.id,className:H,style:e.style},A),U,R),V)})));return v.displayName="SpeedDial",v.defaultProps={__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null},e.SpeedDial=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.button,primereact.hooks,primereact.ripple,primereact.utils);

package/splitbutton/splitbutton.cjs.js

@@ -138,6 +138,10 @@ var SplitButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
   };
 
   var createMenuitem = function createMenuitem() {
+    if (props.menuitem.visible === false) {
+      return null;
+    }
+
     var _props$menuitem = props.menuitem,
         disabled = _props$menuitem.disabled,
         _icon = _props$menuitem.icon,
@@ -316,8 +320,12 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       show: show,
-      hide: hide
+      hide: hide,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
     };
   });
 
@@ -336,6 +344,10 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     return null;
   };
 
+  if (props.visible === false) {
+    return null;
+  }
+
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, SplitButton.defaultProps);
   var className = utils.classNames('p-splitbutton p-component', props.className, {

package/splitbutton/splitbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),l=require("primereact/hooks"),r=require("primereact/overlayservice"),o=require("primereact/tooltip"),a=require("primereact/utils"),i=require("primereact/csstransition"),u=require("primereact/portal");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 m=c(e),p=s(t);function d(){return d=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},d.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function b(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 y(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 v(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,t){return f(e)||b(e,t)||v(e,t)||E()}var g=m.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,i=n.url,u=n.target,s=a.classNames("p-menuitem-link",{"p-disabled":n.disabled}),c=a.classNames("p-menuitem-icon",l),p=a.IconUtils.getJSXIcon(l,{className:"p-menuitem-icon"},{props:e.splitButtonProps}),d=m.createElement("a",{href:i||"#",role:"menuitem",className:s,target:u,onClick:t,"aria-label":r},p,r&&m.createElement("span",{className:"p-menuitem-text"},r));o&&(d=a.ObjectUtils.getJSXElement(o,e.menuitem,{onClick:t,className:s,labelClassName:"p-menuitem-text",iconClassName:c,element:d,props:e}));return m.createElement("li",{className:"p-menuitem",role:"none"},d)};return e.menuitem.separator?m.createElement("li",{className:"p-menu-separator",role:"separator"}):n()}));g.displayName="SplitButtonItem";var I=m.forwardRef((function(e,t){var n,l=(n=a.classNames("p-menu p-menu-overlay p-component",e.menuClassName),m.createElement(i.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},m.createElement("div",{ref:t,className:n,style:e.menuStyle,onClick:e.onClick},m.createElement("ul",{id:e.menuId,className:"p-menu-list p-reset",role:"menu"},e.children))));return m.createElement(u.Portal,{element:l,appendTo:e.appendTo})}));I.displayName="SplitButtonPanel";var O=m.memo(m.forwardRef((function(e,t){var i=N(m.useState(e.id),2),u=i[0],s=i[1],c=N(m.useState(!1),2),f=c[0],b=c[1],y=m.useRef(null),v=m.useRef(null),E=m.useRef(null),C=N(l.useOverlayListener({target:y,overlay:E,listener:function(e,t){t.valid&&j()},when:f}),2),S=C[0],h=C[1],x=function(){j()},k=function(){b(!0)},j=function(){b(!1)},w=function(){a.DomHandler.alignOverlay(E.current,v.current.parentElement,e.appendTo||p.default.appendTo)};l.useMountEffect((function(){u||s(a.UniqueComponentId())})),l.useUnmountEffect((function(){a.ZIndexUtils.clear(E.current)})),m.useImperativeHandle(t,(function(){return{show:k,hide:j}}));var P=a.ObjectUtils.isNotEmpty(e.tooltip),T=a.ObjectUtils.findDiffKeys(e,O.defaultProps),B=a.classNames("p-splitbutton p-component",e.className,{"p-disabled":e.disabled}),U=a.classNames("p-splitbutton-defaultbutton",e.buttonClassName),q=a.classNames("p-splitbutton-menubutton",e.menuButtonClassName),_=e.buttonTemplate?a.ObjectUtils.getJSXElement(e.buttonTemplate,e):null,A=e.model?e.model.map((function(t,n){return m.createElement(g,{splitButtonProps:e,menuitem:t,key:n,onItemClick:x})})):null,R=u+"_menu";return m.createElement(m.Fragment,null,m.createElement("div",d({ref:y,id:u,className:B,style:e.style},T),m.createElement(n.Button,d({ref:v,type:"button",className:U,icon:e.icon,loading:e.loading,loadingIcon:e.loadingIcon,label:e.label,onClick:e.onClick,disabled:e.disabled,tabIndex:e.tabIndex},e.buttonProps),_),m.createElement(n.Button,d({type:"button",className:q,icon:e.dropdownIcon,onClick:function(){f?j():k()},disabled:e.disabled,"aria-expanded":f,"aria-haspopup":"true","aria-controls":f?R:null},e.menuButtonProps)),m.createElement(I,{ref:E,appendTo:e.appendTo,menuId:R,menuStyle:e.menuStyle,menuClassName:e.menuClassName,onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},in:f,onEnter:function(){a.ZIndexUtils.set("overlay",E.current,p.default.autoZIndex,p.default.zIndex.overlay),w()},onEntered:function(){S(),e.onShow&&e.onShow()},onExit:function(){h()},onExited:function(){a.ZIndexUtils.clear(E.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},A)),P&&m.createElement(o.Tooltip,d({target:y,content:e.tooltip},e.tooltipOptions)))})));O.displayName="SplitButton",O.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:"pi pi-spinner pi-spin",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},exports.SplitButton=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),l=require("primereact/hooks"),r=require("primereact/overlayservice"),o=require("primereact/tooltip"),a=require("primereact/utils"),i=require("primereact/csstransition"),u=require("primereact/portal");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 m=c(e),p=s(t);function d(){return d=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},d.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function b(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 y(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 v(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,t){return f(e)||b(e,t)||v(e,t)||E()}var g=m.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(){if(!1===e.menuitem.visible)return null;var n=e.menuitem,l=n.icon,r=n.label,o=n.template,i=n.url,u=n.target,s=a.classNames("p-menuitem-link",{"p-disabled":n.disabled}),c=a.classNames("p-menuitem-icon",l),p=a.IconUtils.getJSXIcon(l,{className:"p-menuitem-icon"},{props:e.splitButtonProps}),d=m.createElement("a",{href:i||"#",role:"menuitem",className:s,target:u,onClick:t,"aria-label":r},p,r&&m.createElement("span",{className:"p-menuitem-text"},r));o&&(d=a.ObjectUtils.getJSXElement(o,e.menuitem,{onClick:t,className:s,labelClassName:"p-menuitem-text",iconClassName:c,element:d,props:e}));return m.createElement("li",{className:"p-menuitem",role:"none"},d)};return e.menuitem.separator?m.createElement("li",{className:"p-menu-separator",role:"separator"}):n()}));g.displayName="SplitButtonItem";var I=m.forwardRef((function(e,t){var n,l=(n=a.classNames("p-menu p-menu-overlay p-component",e.menuClassName),m.createElement(i.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},m.createElement("div",{ref:t,className:n,style:e.menuStyle,onClick:e.onClick},m.createElement("ul",{id:e.menuId,className:"p-menu-list p-reset",role:"menu"},e.children))));return m.createElement(u.Portal,{element:l,appendTo:e.appendTo})}));I.displayName="SplitButtonPanel";var O=m.memo(m.forwardRef((function(e,t){var i=N(m.useState(e.id),2),u=i[0],s=i[1],c=N(m.useState(!1),2),f=c[0],b=c[1],y=m.useRef(null),v=m.useRef(null),E=m.useRef(null),C=N(l.useOverlayListener({target:y,overlay:E,listener:function(e,t){t.valid&&j()},when:f}),2),S=C[0],h=C[1],x=function(){j()},k=function(){b(!0)},j=function(){b(!1)},w=function(){a.DomHandler.alignOverlay(E.current,v.current.parentElement,e.appendTo||p.default.appendTo)};l.useMountEffect((function(){u||s(a.UniqueComponentId())})),l.useUnmountEffect((function(){a.ZIndexUtils.clear(E.current)})),m.useImperativeHandle(t,(function(){return{props:e,show:k,hide:j,getElement:function(){return y.current}}}));if(!1===e.visible)return null;var P=a.ObjectUtils.isNotEmpty(e.tooltip),T=a.ObjectUtils.findDiffKeys(e,O.defaultProps),B=a.classNames("p-splitbutton p-component",e.className,{"p-disabled":e.disabled}),U=a.classNames("p-splitbutton-defaultbutton",e.buttonClassName),q=a.classNames("p-splitbutton-menubutton",e.menuButtonClassName),_=e.buttonTemplate?a.ObjectUtils.getJSXElement(e.buttonTemplate,e):null,A=e.model?e.model.map((function(t,n){return m.createElement(g,{splitButtonProps:e,menuitem:t,key:n,onItemClick:x})})):null,R=u+"_menu";return m.createElement(m.Fragment,null,m.createElement("div",d({ref:y,id:u,className:B,style:e.style},T),m.createElement(n.Button,d({ref:v,type:"button",className:U,icon:e.icon,loading:e.loading,loadingIcon:e.loadingIcon,label:e.label,onClick:e.onClick,disabled:e.disabled,tabIndex:e.tabIndex},e.buttonProps),_),m.createElement(n.Button,d({type:"button",className:q,icon:e.dropdownIcon,onClick:function(){f?j():k()},disabled:e.disabled,"aria-expanded":f,"aria-haspopup":"true","aria-controls":f?R:null},e.menuButtonProps)),m.createElement(I,{ref:E,appendTo:e.appendTo,menuId:R,menuStyle:e.menuStyle,menuClassName:e.menuClassName,onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},in:f,onEnter:function(){a.ZIndexUtils.set("overlay",E.current,p.default.autoZIndex,p.default.zIndex.overlay),w()},onEntered:function(){S(),e.onShow&&e.onShow()},onExit:function(){h()},onExited:function(){a.ZIndexUtils.clear(E.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},A)),P&&m.createElement(o.Tooltip,d({target:y,content:e.tooltip},e.tooltipOptions)))})));O.displayName="SplitButton",O.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:"pi pi-spinner pi-spin",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},exports.SplitButton=O;

package/splitbutton/splitbutton.d.ts

@@ -1,28 +1,25 @@
 import * as React from 'react';
+import { CSSTransitionProps } from '../csstransition';
 import { MenuItem } from '../menuitem';
 import TooltipOptions from '../tooltip/tooltipoptions';
-import { CSSTransitionProps } from '../csstransition';
 import { IconType, TemplateType } from '../utils';
 
 type SplitButtonAppendToType = 'self' | HTMLElement | undefined | null;
 
-export interface SplitButtonProps {
-    id?: string;
+export interface SplitButtonProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     label?: string;
     icon?: IconType<SplitButtonProps>;
     loading?: boolean;
-    loadingIcon?: IconType<ButtonProps>;
+    loadingIcon?: IconType<SplitButtonProps>;
     model?: MenuItem[];
     disabled?: boolean;
-    style?: object;
-    className?: string;
+    visible?: boolean;
     buttonClassName?: string;
     menuStyle?: object;
     menuClassName?: string;
     menuButtonClassName?: string;
     buttonProps?: any;
     menuButtonProps?: any;
-    tabIndex?: number;
     appendTo?: SplitButtonAppendToType;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
@@ -38,4 +35,5 @@ export interface SplitButtonProps {
 export declare class SplitButton extends React.Component<SplitButtonProps, any> {
     public show(): void;
     public hide(): void;
+    public getElement(): HTMLDivElement;
 }

package/splitbutton/splitbutton.esm.js

@@ -111,6 +111,10 @@ var SplitButtonItem = /*#__PURE__*/React.memo(function (props) {
   };
 
   var createMenuitem = function createMenuitem() {
+    if (props.menuitem.visible === false) {
+      return null;
+    }
+
     var _props$menuitem = props.menuitem,
         disabled = _props$menuitem.disabled,
         _icon = _props$menuitem.icon,
@@ -289,8 +293,12 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   });
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       show: show,
-      hide: hide
+      hide: hide,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
     };
   });
 
@@ -309,6 +317,10 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return null;
   };
 
+  if (props.visible === false) {
+    return null;
+  }
+
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, SplitButton.defaultProps);
   var className = classNames('p-splitbutton p-component', props.className, {

package/splitbutton/splitbutton.esm.min.js

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

package/splitbutton/splitbutton.js

@@ -128,6 +128,10 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
     };
 
     var createMenuitem = function createMenuitem() {
+      if (props.menuitem.visible === false) {
+        return null;
+      }
+
       var _props$menuitem = props.menuitem,
           disabled = _props$menuitem.disabled,
           _icon = _props$menuitem.icon,
@@ -306,8 +310,12 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
     });
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         show: show,
-        hide: hide
+        hide: hide,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
       };
     });
 
@@ -326,6 +334,10 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
       return null;
     };
 
+    if (props.visible === false) {
+      return null;
+    }
+
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, SplitButton.defaultProps);
     var className = utils.classNames('p-splitbutton p-component', props.className, {

package/splitbutton/splitbutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,l,o,r,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,o,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return r}}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 g(e,t){return b(e)||y(e,t)||E(e,t)||N()}var h=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,o=n.label,r=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":o},m,o&&p.createElement("span",{className:"p-menuitem-text"},o));r&&(d=i.ObjectUtils.getJSXElement(r,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()}));h.displayName="SplitButtonItem";var I=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})}));I.displayName="SplitButtonPanel";var O=p.memo(p.forwardRef((function(e,t){var n=g(p.useState(e.id),2),u=n[0],s=n[1],c=g(p.useState(!1),2),m=c[0],b=c[1],y=p.useRef(null),v=p.useRef(null),E=p.useRef(null),N=g(o.useOverlayListener({target:y,overlay:E,listener:function(e,t){t.valid&&j()},when:m}),2),C=N[0],S=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)};o.useMountEffect((function(){u||s(i.UniqueComponentId())})),o.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,O.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(h,{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,loading:e.loading,loadingIcon:e.loadingIcon,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(I,{ref:E,appendTo:e.appendTo,menuId:H,menuStyle:e.menuStyle,menuClassName:e.menuClassName,onClick:function(e){r.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(){C(),e.onShow&&e.onShow()},onExit:function(){S()},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 O.displayName="SplitButton",O.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:"pi pi-spinner pi-spin",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=O,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,o,r,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,o,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return r}}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 g(e,t){return b(e)||y(e,t)||E(e,t)||N()}var h=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(){if(!1===e.menuitem.visible)return null;var n=e.menuitem,l=n.icon,o=n.label,r=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":o},m,o&&p.createElement("span",{className:"p-menuitem-text"},o));r&&(d=i.ObjectUtils.getJSXElement(r,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()}));h.displayName="SplitButtonItem";var I=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})}));I.displayName="SplitButtonPanel";var O=p.memo(p.forwardRef((function(e,t){var n=g(p.useState(e.id),2),u=n[0],s=n[1],c=g(p.useState(!1),2),m=c[0],b=c[1],y=p.useRef(null),v=p.useRef(null),E=p.useRef(null),N=g(o.useOverlayListener({target:y,overlay:E,listener:function(e,t){t.valid&&j()},when:m}),2),C=N[0],S=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)};o.useMountEffect((function(){u||s(i.UniqueComponentId())})),o.useUnmountEffect((function(){i.ZIndexUtils.clear(E.current)})),p.useImperativeHandle(t,(function(){return{props:e,show:k,hide:j,getElement:function(){return y.current}}}));if(!1===e.visible)return null;var P=i.ObjectUtils.isNotEmpty(e.tooltip),T=i.ObjectUtils.findDiffKeys(e,O.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(h,{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,loading:e.loading,loadingIcon:e.loadingIcon,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(I,{ref:E,appendTo:e.appendTo,menuId:H,menuStyle:e.menuStyle,menuClassName:e.menuClassName,onClick:function(e){r.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(){C(),e.onShow&&e.onShow()},onExit:function(){S()},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 O.displayName="SplitButton",O.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:"pi pi-spinner pi-spin",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=O,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

@@ -302,6 +302,14 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     window.removeEventListener('touchend', onGutterTouchEnd);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   React__namespace.useEffect(function () {
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return utils.DomHandler.hasClass(child, 'p-splitter-panel');

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 c(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 s(){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)||c(e)||s()}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)||c(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({}),c=l.useRef(null),s=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=l.useRef(!1),w=null!=e.stateKey,O=m(r.useEventListener({type:"mousemove",listener:function(e){return I(e)}}),2),D=O[0],H=O[1],R=m(r.useEventListener({type:"mouseup",listener:function(e){T(e),x()}}),2),N=R[0],j=R[1],x=function(){H(),j()},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)},A=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".')}},C=function(){A().setItem(e.stateKey,JSON.stringify(z.current))},_=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;c.current="horizontal"===e.layout?t.DomHandler.getWidth(i.current):t.DomHandler.getHeight(i.current),s.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))/c.current,S.current=100*("horizontal"===e.layout?t.DomHandler.getOuterWidth(h.current,!0):t.DomHandler.getOuterHeight(h.current,!0))/c.current,b.current=n,t.DomHandler.addClass(o.current,"p-splitter-gutter-resizing"),t.DomHandler.addClass(i.current,"p-splitter-resizing")},I=function(t){var r,n=v.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/c.current-100*f.current/c.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/c.current-100*f.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)},T=function(r){w&&C(),e.onResizeEnd&&e.onResizeEnd({originalEvent:r,sizes:z.current}),t.DomHandler.removeClass(o.current,"p-splitter-gutter-resizing"),t.DomHandler.removeClass(i.current,"p-splitter-resizing"),s.current=!1,c.current=null,f.current=null,d.current=null,h.current=null,v.current=null,S.current=null,b.current=null},K=function(e,t){_(e,t),D(),N()},L=function(e,t){_(e,t),window.addEventListener("touchmove",Y,{passive:!1,cancelable:!1}),window.addEventListener("touchend",M)},Y=function(e){I(e)},M=function e(t){T(t),window.removeEventListener("touchmove",Y),window.removeEventListener("touchend",e)};l.useEffect((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(w&&!E.current&&(l=!!(r=A().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.current[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,E.current&&C()}}E.current=!0}));var B=function(r,n){var i=t.ObjectUtils.findDiffKeys(r.props,y.defaultProps),o=t.classNames("p-splitter-panel",r.props.className),c=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 K(e,n)},onTouchStart:function(e){return L(e,n)},onTouchMove:function(e){return Y(e)},onTouchEnd:function(e){return M(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),c)},U=t.ObjectUtils.findDiffKeys(e,g.defaultProps),X=t.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),k=l.Children.map(e.children,B);return l.createElement("div",u({ref:i,id:e.id,className:X,style:e.style},U),k)})));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 c(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 s(){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)||c(e)||s()}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)||c(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({}),c=l.useRef(null),s=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=l.useRef(!1),w=null!=e.stateKey,O=m(r.useEventListener({type:"mousemove",listener:function(e){return _(e)}}),2),D=O[0],H=O[1],R=m(r.useEventListener({type:"mouseup",listener:function(e){T(e),x()}}),2),N=R[0],j=R[1],x=function(){H(),j()},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)},A=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".')}},C=function(){A().setItem(e.stateKey,JSON.stringify(z.current))},I=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;c.current="horizontal"===e.layout?t.DomHandler.getWidth(i.current):t.DomHandler.getHeight(i.current),s.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))/c.current,S.current=100*("horizontal"===e.layout?t.DomHandler.getOuterWidth(h.current,!0):t.DomHandler.getOuterHeight(h.current,!0))/c.current,b.current=n,t.DomHandler.addClass(o.current,"p-splitter-gutter-resizing"),t.DomHandler.addClass(i.current,"p-splitter-resizing")},_=function(t){var r,n=v.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/c.current-100*f.current/c.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/c.current-100*f.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)},T=function(r){w&&C(),e.onResizeEnd&&e.onResizeEnd({originalEvent:r,sizes:z.current}),t.DomHandler.removeClass(o.current,"p-splitter-gutter-resizing"),t.DomHandler.removeClass(i.current,"p-splitter-resizing"),s.current=!1,c.current=null,f.current=null,d.current=null,h.current=null,v.current=null,S.current=null,b.current=null},K=function(e,t){I(e,t),D(),N()},L=function(e,t){I(e,t),window.addEventListener("touchmove",Y,{passive:!1,cancelable:!1}),window.addEventListener("touchend",M)},Y=function(e){_(e)},M=function e(t){T(t),window.removeEventListener("touchmove",Y),window.removeEventListener("touchend",e)};l.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return i.current}}})),l.useEffect((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(w&&!E.current&&(l=!!(r=A().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.current[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,E.current&&C()}}E.current=!0}));var B=function(r,n){var i=t.ObjectUtils.findDiffKeys(r.props,y.defaultProps),o=t.classNames("p-splitter-panel",r.props.className),c=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 K(e,n)},onTouchStart:function(e){return L(e,n)},onTouchMove:function(e){return Y(e)},onTouchEnd:function(e){return M(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),c)},U=t.ObjectUtils.findDiffKeys(e,g.defaultProps),X=t.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),k=l.Children.map(e.children,B);return l.createElement("div",u({ref:i,id:e.id,className:X,style:e.style},U),k)})));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.d.ts

@@ -17,12 +17,9 @@ interface SplitterPanelProps {
     children?: React.ReactNode;
 }
 
-export declare class SplitterPanel extends React.Component<SplitterPanelProps, any> { }
+export declare class SplitterPanel extends React.Component<SplitterPanelProps, any> {}
 
-export interface SplitterProps {
-    id?: string;
-    className?: string;
-    style?: object;
+export interface SplitterProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     layout?: SplitterLayoutType;
     gutterSize?: number;
     stateKey?: string;
@@ -31,4 +28,6 @@ export interface SplitterProps {
     children?: React.ReactNode;
 }
 
-export declare class Splitter extends React.Component<SplitterProps, any> { }
+export declare class Splitter extends React.Component<SplitterProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/splitter/splitter.esm.js

@@ -278,6 +278,14 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     window.removeEventListener('touchend', onGutterTouchEnd);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   React.useEffect(function () {
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return DomHandler.hasClass(child, 'p-splitter-panel');

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

package/splitter/splitter.js

@@ -298,6 +298,14 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
       window.removeEventListener('touchend', onGutterTouchEnd);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     React__namespace.useEffect(function () {
       var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
         return utils.DomHandler.hasClass(child, 'p-splitter-panel');

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 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=u.useRef(!1),w=null!=e.stateKey,O=y(n.useEventListener({type:"mousemove",listener:function(e){return I(e)}}),2),D=O[0],R=O[1],H=y(n.useEventListener({type:"mouseup",listener:function(e){T(e),P()}}),2),N=H[0],j=H[1],P=function(){R(),j()},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)},A=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".')}},C=function(){A().setItem(e.stateKey,JSON.stringify(z.current))},_=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")},I=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;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)},T=function(t){w&&C(),e.onResizeEnd&&e.onResizeEnd({originalEvent:t,sizes:z.current}),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},K=function(e,t){_(e,t),D(),N()},L=function(e,t){_(e,t),window.addEventListener("touchmove",Y,{passive:!1,cancelable:!1}),window.addEventListener("touchend",M)},Y=function(e){I(e)},M=function e(t){T(t),window.removeEventListener("touchmove",Y),window.removeEventListener("touchend",e)};u.useEffect((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(w&&!E.current&&(u=!!(t=A().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.current[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,E.current&&C()}}E.current=!0}));var B=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 K(e,n)},onTouchStart:function(e){return L(e,n)},onTouchMove:function(e){return Y(e)},onTouchEnd:function(e){return M(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)},U=r.ObjectUtils.findDiffKeys(e,v.defaultProps),X=r.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),k=u.Children.map(e.children,B);return u.createElement("div",i({ref:l,id:e.id,className:X,style:e.style},U),k)})));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=u.useRef(!1),w=null!=e.stateKey,O=y(n.useEventListener({type:"mousemove",listener:function(e){return _(e)}}),2),D=O[0],H=O[1],R=y(n.useEventListener({type:"mouseup",listener:function(e){T(e),P()}}),2),N=R[0],j=R[1],P=function(){H(),j()},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)},A=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".')}},C=function(){A().setItem(e.stateKey,JSON.stringify(z.current))},I=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")},_=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;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)},T=function(t){w&&C(),e.onResizeEnd&&e.onResizeEnd({originalEvent:t,sizes:z.current}),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},K=function(e,t){I(e,t),D(),N()},L=function(e,t){I(e,t),window.addEventListener("touchmove",Y,{passive:!1,cancelable:!1}),window.addEventListener("touchend",M)},Y=function(e){_(e)},M=function e(t){T(t),window.removeEventListener("touchmove",Y),window.removeEventListener("touchend",e)};u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return l.current}}})),u.useEffect((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(w&&!E.current&&(u=!!(t=A().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.current[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,E.current&&C()}}E.current=!0}));var B=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 K(e,n)},onTouchStart:function(e){return L(e,n)},onTouchMove:function(e){return Y(e)},onTouchEnd:function(e){return M(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)},U=r.ObjectUtils.findDiffKeys(e,v.defaultProps),X=r.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),k=u.Children.map(e.children,B);return u.createElement("div",i({ref:l,id:e.id,className:X,style:e.style},U),k)})));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/steps/steps.cjs.js

@@ -44,6 +44,8 @@ function _extends() {
 }
 
 var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
+
   var itemClick = function itemClick(event, item, index) {
     if (props.readOnly || item.disabled) {
       event.preventDefault();
@@ -72,6 +74,10 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   };
 
   var createItem = function createItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var key = item.label + '_' + index;
     var active = index === props.activeIndex;
     var disabled = item.disabled || index !== props.activeIndex && props.readOnly;
@@ -143,6 +149,14 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     return null;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Steps.defaultProps);
   var className = utils.classNames('p-steps p-component', {
     'p-readonly': props.readOnly
@@ -150,6 +164,7 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   var items = createItems();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), items);

package/steps/steps.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var n=a(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},l.apply(this,arguments)}var r=n.memo(n.forwardRef((function(e,a){var s=function(t,a,n){e.readOnly||a.disabled?t.preventDefault():(e.onSelect&&e.onSelect({originalEvent:t,item:a,index:n}),a.url||t.preventDefault(),a.command&&a.command({originalEvent:t,item:a,index:n}))},i=function(a,l){var r=a.label+"_"+l,i=l===e.activeIndex,c=a.disabled||l!==e.activeIndex&&e.readOnly,o=c?-1:"",m=t.classNames("p-steps-item",a.className,{"p-highlight p-steps-current":i,"p-disabled":c}),p=t.classNames("p-menuitem-icon",a.icon),u=t.IconUtils.getJSXIcon(a.icon,{className:"p-menuitem-icon"},{props:e}),d=a.label&&n.createElement("span",{className:"p-steps-title"},a.label),f=n.createElement("a",{href:a.url||"#",className:"p-menuitem-link",role:"presentation",target:a.target,onClick:function(e){return s(e,a,l)},tabIndex:o},n.createElement("span",{className:"p-steps-number"},l+1),u,d);a.template&&(f=t.ObjectUtils.getJSXElement(a.template,a,{onClick:function(e){return s(e,a,l)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:p,element:f,props:e,tabIndex:o,active:i,disabled:c}));return n.createElement("li",{key:r,id:a.id,className:m,style:a.style,role:"tab","aria-selected":i,"aria-expanded":i},f)},c=t.ObjectUtils.findDiffKeys(e,r.defaultProps),o=t.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),m=function(){if(e.model){var t=e.model.map(i);return n.createElement("ul",{role:"tablist"},t)}return null}();return n.createElement("div",l({id:e.id,className:o,style:e.style},c),m)})));r.displayName="Steps",r.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},exports.Steps=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function n(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 l=n(e);function a(){return a=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},a.apply(this,arguments)}var r=l.memo(l.forwardRef((function(e,n){var s=l.useRef(null),i=function(t,n,l){e.readOnly||n.disabled?t.preventDefault():(e.onSelect&&e.onSelect({originalEvent:t,item:n,index:l}),n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n,index:l}))},c=function(n,a){if(!1===n.visible)return null;var r=n.label+"_"+a,s=a===e.activeIndex,c=n.disabled||a!==e.activeIndex&&e.readOnly,u=c?-1:"",o=t.classNames("p-steps-item",n.className,{"p-highlight p-steps-current":s,"p-disabled":c}),p=t.classNames("p-menuitem-icon",n.icon),m=t.IconUtils.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:e}),d=n.label&&l.createElement("span",{className:"p-steps-title"},n.label),f=l.createElement("a",{href:n.url||"#",className:"p-menuitem-link",role:"presentation",target:n.target,onClick:function(e){return i(e,n,a)},tabIndex:u},l.createElement("span",{className:"p-steps-number"},a+1),m,d);n.template&&(f=t.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return i(e,n,a)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:p,element:f,props:e,tabIndex:u,active:s,disabled:c}));return l.createElement("li",{key:r,id:n.id,className:o,style:n.style,role:"tab","aria-selected":s,"aria-expanded":s},f)};l.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return s.current}}}));var u=t.ObjectUtils.findDiffKeys(e,r.defaultProps),o=t.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),p=function(){if(e.model){var t=e.model.map(c);return l.createElement("ul",{role:"tablist"},t)}return null}();return l.createElement("div",a({id:e.id,ref:s,className:o,style:e.style},u),p)})));r.displayName="Steps",r.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},exports.Steps=r;