primereact 10.0.9 → 10.1.0

package/splitbutton/splitbutton.cjs.js

@@ -152,13 +152,12 @@ function _slicedToArray(arr, i) {
 var classes = {
   icon: 'p-button-icon p-c',
   root: function root(_ref) {
-    var _classNames;
     var props = _ref.props,
       size = _ref.size;
-    return utils.classNames('p-splitbutton p-component', (_classNames = {
+    return utils.classNames('p-splitbutton p-component', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       'p-disabled': props.disabled,
       'p-button-loading-label-only': props.loading && !props.icon && props.label
-    }, _defineProperty(_classNames, "p-button-".concat(props.severity), props.severity), _defineProperty(_classNames, 'p-button-raised', props.raised), _defineProperty(_classNames, 'p-button-rounded', props.rounded), _defineProperty(_classNames, 'p-button-text', props.text), _defineProperty(_classNames, 'p-button-outlined', props.outlined), _defineProperty(_classNames, "p-button-".concat(size), size), _classNames));
+    }, "p-button-".concat(props.severity), props.severity), 'p-button-raised', props.raised), 'p-button-rounded', props.rounded), 'p-button-text', props.text), 'p-button-outlined', props.outlined), "p-button-".concat(size), size));
   },
   button: 'p-splitbutton-defaultbutton',
   menuButton: 'p-splitbutton-menubutton',
@@ -180,7 +179,7 @@ var classes = {
   menuItem: 'p-menuitem',
   transition: 'p-connected-overlay'
 };
-var styles = "\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n";
+var styles = "\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n";
 var SplitButtonBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'SplitButton',
@@ -449,6 +448,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     if (!idState) {
       setIdState(utils.UniqueComponentId());
     }
+    alignOverlay();
   });
   hooks.useUnmountEffect(function () {
     utils.ZIndexUtils.clear(overlayRef.current);

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"),r=require("primereact/componentbase"),o=require("primereact/hooks"),l=require("primereact/icons/chevrondown"),i=require("primereact/overlayservice"),u=require("primereact/tooltip"),a=require("primereact/utils"),s=require("primereact/csstransition"),c=require("primereact/portal");function p(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 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 d=m(e),b=p(t);function f(){return f=Object.assign?Object.assign.bind():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},f.apply(this,arguments)}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function g(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,u=[],a=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return u}}function h(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 E(e,t){if(e){if("string"==typeof e)return h(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)?h(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 S(e,t){return P(e)||j(e,t)||E(e,t)||N()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t,n=e.props,r=e.size;return a.classNames("p-splitbutton p-component",(g(t={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),g(t,"p-button-raised",n.raised),g(t,"p-button-rounded",n.rounded),g(t,"p-button-text",n.text),g(t,"p-button-outlined",n.outlined),g(t,"p-button-".concat(r),r),t))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return a.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return a.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function w(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 I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=d.memo((function(e){var t,n=e.ptm,r=e.cx,o=function(t,r){return n(t,I({hostName:e.hostName},r))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},i=function(){if(!1===e.menuitem.visible)return null;var t=e.menuitem,n=t.icon,i=t.label,u=t.template,s=t.url,c=t.target,p=a.classNames("p-menuitem-link",t.className,{"p-disabled":t.disabled}),m=a.classNames("p-menuitem-icon",n),b=a.mergeProps({className:r("menuIcon")},o("menuIcon")),f=a.IconUtils.getJSXIcon(n,I({},b),{props:e.splitButtonProps}),y=a.mergeProps({className:r("menuLabel")},o("menuLabel")),v=i&&d.createElement("span",y,i),O=a.mergeProps({href:s||"#",role:"menuitem",className:r("anchor"),target:c,onClick:l,"aria-label":i},o("anchor")),g=d.createElement("a",O,f,v);u&&(g=a.ObjectUtils.getJSXElement(u,e.menuitem,{onClick:l,className:p,labelClassName:"p-menuitem-text",iconClassName:m,element:g,props:e}));var P=a.mergeProps({className:r("menuItem"),role:"none"},o("menuItem"));return d.createElement("li",P,g)};return e.menuitem.separator?(t=a.mergeProps({className:r("separator"),role:"separator"},o("separator")),d.createElement("li",t)):i()}));function k(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 B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="SplitButtonItem";var D=d.forwardRef((function(e,t){var n,r,o,l=e.ptm,i=e.cx,u=function(t,n){return l(t,B({hostName:e.hostName},n))},p=(n=a.mergeProps({ref:t,className:i("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},u("menu")),r=a.mergeProps({id:e.menuId,className:i("menuList"),role:"menu"},u("menuList")),o=a.mergeProps({classNames:i("transition"),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},u("transition")),d.createElement(s.CSSTransition,f({nodeRef:t},o),d.createElement("div",n,d.createElement("ul",r,e.children))));return d.createElement(c.Portal,{element:p,appendTo:e.appendTo})}));function T(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 q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}D.displayName="SplitButtonPanel";var U=d.memo(d.forwardRef((function(e,s){var c=d.useContext(t.PrimeReactContext),p=x.getProps(e,c),m=S(d.useState(p.id),2),y=m[0],v=m[1],O=S(d.useState(!1),2),g=O[0],P=O[1],j=d.useRef(null),h=d.useRef(null),E=d.useRef(null),N={props:p,state:{id:y,overlayVisible:g}},w=x.setMetaData(N),I=w.ptm,k=w.cx;r.useHandleStyle(x.css.styles,w.isUnstyled,{name:"splitbutton"});var B=S(o.useOverlayListener({target:j,overlay:E,listener:function(e,t){t.valid&&H()},when:g}),2),T=B[0],U=B[1],_=function(){H()},z=function(){P(!0)},H=function(){P(!1)},L=function(){a.DomHandler.alignOverlay(E.current,h.current.parentElement,p.appendTo||c&&c.appendTo||b.default.appendTo)};o.useMountEffect((function(){y||v(a.UniqueComponentId())})),o.useUnmountEffect((function(){a.ZIndexUtils.clear(E.current)})),d.useImperativeHandle(s,(function(){return{props:p,show:z,hide:H,getElement:function(){return j.current}}}));if(!1===p.visible)return null;var M=a.ObjectUtils.isNotEmpty(p.tooltip),R={large:"lg",small:"sm"}[p.size],A=p.buttonTemplate?a.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,Z=p.model?p.model.map((function(e,t){return d.createElement(C,{hostName:"SplitButton",splitButtonProps:p,menuitem:e,key:t,onItemClick:_,ptm:I,cx:k})})):null,J=y+"_menu",X=a.mergeProps({ref:j,id:y,className:a.classNames(p.className,k("root",{size:R})),style:p.style},x.getOtherProps(p),I("root"));return d.createElement(d.Fragment,null,d.createElement("div",X,d.createElement(n.Button,f({ref:h,type:"button",className:a.classNames(p.buttonClassName,k("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:I("button"),__parentMetadata:{parent:N},unstyled:p.unstyled}),A),d.createElement(n.Button,f({type:"button",className:a.classNames(p.menuButtonClassName,k("menuButton")),icon:function(){var e=a.mergeProps({className:k("icon")},I("icon")),t=a.IconUtils.getJSXIcon(p.dropdownIcon||d.createElement(l.ChevronDownIcon,e),q({},e),{props:p});return t},onClick:function(){g?H():z()},disabled:p.disabled,"aria-expanded":g,"aria-haspopup":"true","aria-controls":g?J:null},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:I("menuButton"),__parentMetadata:{parent:N},unstyled:p.unstyled})),d.createElement(D,{hostName:"SplitButton",ref:E,appendTo:p.appendTo,menuId:J,menuStyle:p.menuStyle,menuClassName:p.menuClassName,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},in:g,onEnter:function(){a.ZIndexUtils.set("overlay",E.current,c&&c.autoZIndex||b.default.autoZIndex,c&&c.zIndex.overlay||b.default.zIndex.overlay),a.DomHandler.addStyles(E.current,{position:"absolute",top:"0",left:"0"}),L()},onEntered:function(){T(),p.onShow&&p.onShow()},onExit:function(){U()},onExited:function(){a.ZIndexUtils.clear(E.current),p.onHide&&p.onHide()},transitionOptions:p.transitionOptions,ptm:I,cx:k},Z)),M&&d.createElement(u.Tooltip,f({target:j,content:p.tooltip},p.tooltipOptions,{pt:I("tooltip")})))})));U.displayName="SplitButton",exports.SplitButton=U;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),o=require("primereact/hooks"),l=require("primereact/icons/chevrondown"),i=require("primereact/overlayservice"),u=require("primereact/tooltip"),a=require("primereact/utils"),s=require("primereact/csstransition"),c=require("primereact/portal");function p(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 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 b=m(e),d=p(t);function f(){return f=Object.assign?Object.assign.bind():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},f.apply(this,arguments)}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function g(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,u=[],a=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return u}}function h(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 E(e,t){if(e){if("string"==typeof e)return h(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)?h(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 S(e,t){return P(e)||j(e,t)||E(e,t)||N()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return a.classNames("p-splitbutton p-component",g(g(g(g(g(g({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return a.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return a.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function w(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 I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=b.memo((function(e){var t,n=e.ptm,r=e.cx,o=function(t,r){return n(t,I({hostName:e.hostName},r))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},i=function(){if(!1===e.menuitem.visible)return null;var t=e.menuitem,n=t.icon,i=t.label,u=t.template,s=t.url,c=t.target,p=a.classNames("p-menuitem-link",t.className,{"p-disabled":t.disabled}),m=a.classNames("p-menuitem-icon",n),d=a.mergeProps({className:r("menuIcon")},o("menuIcon")),f=a.IconUtils.getJSXIcon(n,I({},d),{props:e.splitButtonProps}),y=a.mergeProps({className:r("menuLabel")},o("menuLabel")),v=i&&b.createElement("span",y,i),O=a.mergeProps({href:s||"#",role:"menuitem",className:r("anchor"),target:c,onClick:l,"aria-label":i},o("anchor")),g=b.createElement("a",O,f,v);u&&(g=a.ObjectUtils.getJSXElement(u,e.menuitem,{onClick:l,className:p,labelClassName:"p-menuitem-text",iconClassName:m,element:g,props:e}));var P=a.mergeProps({className:r("menuItem"),role:"none"},o("menuItem"));return b.createElement("li",P,g)};return e.menuitem.separator?(t=a.mergeProps({className:r("separator"),role:"separator"},o("separator")),b.createElement("li",t)):i()}));function k(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 B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="SplitButtonItem";var D=b.forwardRef((function(e,t){var n,r,o,l=e.ptm,i=e.cx,u=function(t,n){return l(t,B({hostName:e.hostName},n))},p=(n=a.mergeProps({ref:t,className:i("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},u("menu")),r=a.mergeProps({id:e.menuId,className:i("menuList"),role:"menu"},u("menuList")),o=a.mergeProps({classNames:i("transition"),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},u("transition")),b.createElement(s.CSSTransition,f({nodeRef:t},o),b.createElement("div",n,b.createElement("ul",r,e.children))));return b.createElement(c.Portal,{element:p,appendTo:e.appendTo})}));function T(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 q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}D.displayName="SplitButtonPanel";var U=b.memo(b.forwardRef((function(e,s){var c=b.useContext(t.PrimeReactContext),p=x.getProps(e,c),m=S(b.useState(p.id),2),y=m[0],v=m[1],O=S(b.useState(!1),2),g=O[0],P=O[1],j=b.useRef(null),h=b.useRef(null),E=b.useRef(null),N={props:p,state:{id:y,overlayVisible:g}},w=x.setMetaData(N),I=w.ptm,k=w.cx;r.useHandleStyle(x.css.styles,w.isUnstyled,{name:"splitbutton"});var B=S(o.useOverlayListener({target:j,overlay:E,listener:function(e,t){t.valid&&H()},when:g}),2),T=B[0],U=B[1],_=function(){H()},z=function(){P(!0)},H=function(){P(!1)},L=function(){a.DomHandler.alignOverlay(E.current,h.current.parentElement,p.appendTo||c&&c.appendTo||d.default.appendTo)};o.useMountEffect((function(){y||v(a.UniqueComponentId()),L()})),o.useUnmountEffect((function(){a.ZIndexUtils.clear(E.current)})),b.useImperativeHandle(s,(function(){return{props:p,show:z,hide:H,getElement:function(){return j.current}}}));if(!1===p.visible)return null;var M=a.ObjectUtils.isNotEmpty(p.tooltip),R={large:"lg",small:"sm"}[p.size],A=p.buttonTemplate?a.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,Z=p.model?p.model.map((function(e,t){return b.createElement(C,{hostName:"SplitButton",splitButtonProps:p,menuitem:e,key:t,onItemClick:_,ptm:I,cx:k})})):null,J=y+"_menu",X=a.mergeProps({ref:j,id:y,className:a.classNames(p.className,k("root",{size:R})),style:p.style},x.getOtherProps(p),I("root"));return b.createElement(b.Fragment,null,b.createElement("div",X,b.createElement(n.Button,f({ref:h,type:"button",className:a.classNames(p.buttonClassName,k("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:I("button"),__parentMetadata:{parent:N},unstyled:p.unstyled}),A),b.createElement(n.Button,f({type:"button",className:a.classNames(p.menuButtonClassName,k("menuButton")),icon:function(){var e=a.mergeProps({className:k("icon")},I("icon")),t=a.IconUtils.getJSXIcon(p.dropdownIcon||b.createElement(l.ChevronDownIcon,e),q({},e),{props:p});return t},onClick:function(){g?H():z()},disabled:p.disabled,"aria-expanded":g,"aria-haspopup":"true","aria-controls":g?J:null},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:I("menuButton"),__parentMetadata:{parent:N},unstyled:p.unstyled})),b.createElement(D,{hostName:"SplitButton",ref:E,appendTo:p.appendTo,menuId:J,menuStyle:p.menuStyle,menuClassName:p.menuClassName,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},in:g,onEnter:function(){a.ZIndexUtils.set("overlay",E.current,c&&c.autoZIndex||d.default.autoZIndex,c&&c.zIndex.overlay||d.default.zIndex.overlay),a.DomHandler.addStyles(E.current,{position:"absolute",top:"0",left:"0"}),L()},onEntered:function(){T(),p.onShow&&p.onShow()},onExit:function(){U()},onExited:function(){a.ZIndexUtils.clear(E.current),p.onHide&&p.onHide()},transitionOptions:p.transitionOptions,ptm:I,cx:k},Z)),M&&b.createElement(u.Tooltip,f({target:j,content:p.tooltip},p.tooltipOptions,{pt:I("tooltip")})))})));U.displayName="SplitButton",exports.SplitButton=U;

package/splitbutton/splitbutton.esm.js

@@ -125,13 +125,12 @@ function _slicedToArray(arr, i) {
 var classes = {
   icon: 'p-button-icon p-c',
   root: function root(_ref) {
-    var _classNames;
     var props = _ref.props,
       size = _ref.size;
-    return classNames('p-splitbutton p-component', (_classNames = {
+    return classNames('p-splitbutton p-component', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       'p-disabled': props.disabled,
       'p-button-loading-label-only': props.loading && !props.icon && props.label
-    }, _defineProperty(_classNames, "p-button-".concat(props.severity), props.severity), _defineProperty(_classNames, 'p-button-raised', props.raised), _defineProperty(_classNames, 'p-button-rounded', props.rounded), _defineProperty(_classNames, 'p-button-text', props.text), _defineProperty(_classNames, 'p-button-outlined', props.outlined), _defineProperty(_classNames, "p-button-".concat(size), size), _classNames));
+    }, "p-button-".concat(props.severity), props.severity), 'p-button-raised', props.raised), 'p-button-rounded', props.rounded), 'p-button-text', props.text), 'p-button-outlined', props.outlined), "p-button-".concat(size), size));
   },
   button: 'p-splitbutton-defaultbutton',
   menuButton: 'p-splitbutton-menubutton',
@@ -153,7 +152,7 @@ var classes = {
   menuItem: 'p-menuitem',
   transition: 'p-connected-overlay'
 };
-var styles = "\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n";
+var styles = "\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n";
 var SplitButtonBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'SplitButton',
@@ -422,6 +421,7 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     if (!idState) {
       setIdState(UniqueComponentId());
     }
+    alignOverlay();
   });
   useUnmountEffect(function () {
     ZIndexUtils.clear(overlayRef.current);

package/splitbutton/splitbutton.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import e,{PrimeReactContext as n}from"primereact/api";import{Button as r}from"primereact/button";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useOverlayListener as l,useMountEffect as u,useUnmountEffect as a}from"primereact/hooks";import{ChevronDownIcon as s}from"primereact/icons/chevrondown";import{OverlayService as p}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{classNames as m,mergeProps as b,IconUtils as d,ObjectUtils as f,UniqueComponentId as y,ZIndexUtils as v,DomHandler as O}from"primereact/utils";import{CSSTransition as g}from"primereact/csstransition";import{Portal as h}from"primereact/portal";function j(){return j=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},j.apply(this,arguments)}function E(t){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},E(t)}function P(t,e){if("object"!==E(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function S(t){var e=P(t,"string");return"symbol"===E(e)?e:String(e)}function x(t,e,n){return(e=S(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function N(t){if(Array.isArray(t))return t}function w(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,l,u=[],a=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(u.push(r.value),u.length!==e);a=!0);}catch(t){s=!0,o=t}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return u}}function I(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function C(t,e){if(t){if("string"==typeof t)return I(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(t,e):void 0}}function k(){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(t,e){return N(t)||w(t,e)||C(t,e)||k()}var D=o.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(t){var e,n=t.props,r=t.size;return m("p-splitbutton p-component",(x(e={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),x(e,"p-button-raised",n.raised),x(e,"p-button-rounded",n.rounded),x(e,"p-button-text",n.text),x(e,"p-button-outlined",n.outlined),x(e,"p-button-".concat(r),r),e))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(t){return m("p-menu p-menu-overlay p-component",t.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(t){return m("p-menuitem-link",t._className,{"p-disabled":t.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function T(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function z(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?T(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var _=t.memo((function(e){var n,r=e.ptm,o=e.cx,i=function(t,n){return r(t,z({hostName:e.hostName},n))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},u=function(){if(!1===e.menuitem.visible)return null;var n=e.menuitem,r=n.icon,u=n.label,a=n.template,s=n.url,p=n.target,c=m("p-menuitem-link",n.className,{"p-disabled":n.disabled}),y=m("p-menuitem-icon",r),v=b({className:o("menuIcon")},i("menuIcon")),O=d.getJSXIcon(r,z({},v),{props:e.splitButtonProps}),g=b({className:o("menuLabel")},i("menuLabel")),h=u&&t.createElement("span",g,u),j=b({href:s||"#",role:"menuitem",className:o("anchor"),target:p,onClick:l,"aria-label":u},i("anchor")),E=t.createElement("a",j,O,h);a&&(E=f.getJSXElement(a,e.menuitem,{onClick:l,className:c,labelClassName:"p-menuitem-text",iconClassName:y,element:E,props:e}));var P=b({className:o("menuItem"),role:"none"},i("menuItem"));return t.createElement("li",P,E)};return e.menuitem.separator?(n=b({className:o("separator"),role:"separator"},i("separator")),t.createElement("li",n)):u()}));function A(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function L(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?A(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}_.displayName="SplitButtonItem";var R=t.forwardRef((function(e,n){var r,o,i,l=e.ptm,u=e.cx,a=function(t,n){return l(t,L({hostName:e.hostName},n))},s=(r=b({ref:n,className:u("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},a("menu")),o=b({id:e.menuId,className:u("menuList"),role:"menu"},a("menuList")),i=b({classNames:u("transition"),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},a("transition")),t.createElement(g,j({nodeRef:n},i),t.createElement("div",r,t.createElement("ul",o,e.children))));return t.createElement(h,{element:s,appendTo:e.appendTo})}));function H(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function J(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?H(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}R.displayName="SplitButtonPanel";var M=t.memo(t.forwardRef((function(o,g){var h=t.useContext(n),E=D.getProps(o,h),P=B(t.useState(E.id),2),S=P[0],x=P[1],N=B(t.useState(!1),2),w=N[0],I=N[1],C=t.useRef(null),k=t.useRef(null),T=t.useRef(null),z={props:E,state:{id:S,overlayVisible:w}},A=D.setMetaData(z),L=A.ptm,H=A.cx;i(D.css.styles,A.isUnstyled,{name:"splitbutton"});var M=B(l({target:C,overlay:T,listener:function(t,e){e.valid&&V()},when:w}),2),X=M[0],U=M[1],Z=function(){V()},F=function(){I(!0)},V=function(){I(!1)},Y=function(){O.alignOverlay(T.current,k.current.parentElement,E.appendTo||h&&h.appendTo||e.appendTo)};u((function(){S||x(y())})),a((function(){v.clear(T.current)})),t.useImperativeHandle(g,(function(){return{props:E,show:F,hide:V,getElement:function(){return C.current}}}));if(!1===E.visible)return null;var $=f.isNotEmpty(E.tooltip),q={large:"lg",small:"sm"}[E.size],G=E.buttonTemplate?f.getJSXElement(E.buttonTemplate,E):null,K=E.model?E.model.map((function(e,n){return t.createElement(_,{hostName:"SplitButton",splitButtonProps:E,menuitem:e,key:n,onItemClick:Z,ptm:L,cx:H})})):null,Q=S+"_menu",W=b({ref:C,id:S,className:m(E.className,H("root",{size:q})),style:E.style},D.getOtherProps(E),L("root"));return t.createElement(t.Fragment,null,t.createElement("div",W,t.createElement(r,j({ref:k,type:"button",className:m(E.buttonClassName,H("button")),icon:E.icon,loading:E.loading,loadingIcon:E.loadingIcon,severity:E.severity,label:E.label,raised:E.raised,onClick:E.onClick,disabled:E.disabled,tabIndex:E.tabIndex,size:E.size,outlined:E.outlined,text:E.text},E.buttonProps,{pt:L("button"),__parentMetadata:{parent:z},unstyled:E.unstyled}),G),t.createElement(r,j({type:"button",className:m(E.menuButtonClassName,H("menuButton")),icon:function(){var e=b({className:H("icon")},L("icon")),n=d.getJSXIcon(E.dropdownIcon||t.createElement(s,e),J({},e),{props:E});return n},onClick:function(){w?V():F()},disabled:E.disabled,"aria-expanded":w,"aria-haspopup":"true","aria-controls":w?Q:null},E.menuButtonProps,{size:E.size,severity:E.severity,outlined:E.outlined,text:E.text,raised:E.raised,pt:L("menuButton"),__parentMetadata:{parent:z},unstyled:E.unstyled})),t.createElement(R,{hostName:"SplitButton",ref:T,appendTo:E.appendTo,menuId:Q,menuStyle:E.menuStyle,menuClassName:E.menuClassName,onClick:function(t){p.emit("overlay-click",{originalEvent:t,target:C.current})},in:w,onEnter:function(){v.set("overlay",T.current,h&&h.autoZIndex||e.autoZIndex,h&&h.zIndex.overlay||e.zIndex.overlay),O.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),Y()},onEntered:function(){X(),E.onShow&&E.onShow()},onExit:function(){U()},onExited:function(){v.clear(T.current),E.onHide&&E.onHide()},transitionOptions:E.transitionOptions,ptm:L,cx:H},K)),$&&t.createElement(c,j({target:C,content:E.tooltip},E.tooltipOptions,{pt:L("tooltip")})))})));M.displayName="SplitButton";export{M as SplitButton};
+import*as t from"react";import e,{PrimeReactContext as n}from"primereact/api";import{Button as r}from"primereact/button";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useOverlayListener as l,useMountEffect as u,useUnmountEffect as a}from"primereact/hooks";import{ChevronDownIcon as s}from"primereact/icons/chevrondown";import{OverlayService as p}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{classNames as m,mergeProps as b,IconUtils as d,ObjectUtils as f,UniqueComponentId as y,ZIndexUtils as v,DomHandler as O}from"primereact/utils";import{CSSTransition as g}from"primereact/csstransition";import{Portal as h}from"primereact/portal";function j(){return j=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},j.apply(this,arguments)}function E(t){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},E(t)}function P(t,e){if("object"!==E(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function S(t){var e=P(t,"string");return"symbol"===E(e)?e:String(e)}function x(t,e,n){return(e=S(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function N(t){if(Array.isArray(t))return t}function w(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,l,u=[],a=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(u.push(r.value),u.length!==e);a=!0);}catch(t){s=!0,o=t}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return u}}function I(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function C(t,e){if(t){if("string"==typeof t)return I(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(t,e):void 0}}function k(){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(t,e){return N(t)||w(t,e)||C(t,e)||k()}var D=o.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(t){var e=t.props,n=t.size;return m("p-splitbutton p-component",x(x(x(x(x(x({"p-disabled":e.disabled,"p-button-loading-label-only":e.loading&&!e.icon&&e.label},"p-button-".concat(e.severity),e.severity),"p-button-raised",e.raised),"p-button-rounded",e.rounded),"p-button-text",e.text),"p-button-outlined",e.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(t){return m("p-menu p-menu-overlay p-component",t.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(t){return m("p-menuitem-link",t._className,{"p-disabled":t.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function T(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function z(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?T(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var _=t.memo((function(e){var n,r=e.ptm,o=e.cx,i=function(t,n){return r(t,z({hostName:e.hostName},n))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},u=function(){if(!1===e.menuitem.visible)return null;var n=e.menuitem,r=n.icon,u=n.label,a=n.template,s=n.url,p=n.target,c=m("p-menuitem-link",n.className,{"p-disabled":n.disabled}),y=m("p-menuitem-icon",r),v=b({className:o("menuIcon")},i("menuIcon")),O=d.getJSXIcon(r,z({},v),{props:e.splitButtonProps}),g=b({className:o("menuLabel")},i("menuLabel")),h=u&&t.createElement("span",g,u),j=b({href:s||"#",role:"menuitem",className:o("anchor"),target:p,onClick:l,"aria-label":u},i("anchor")),E=t.createElement("a",j,O,h);a&&(E=f.getJSXElement(a,e.menuitem,{onClick:l,className:c,labelClassName:"p-menuitem-text",iconClassName:y,element:E,props:e}));var P=b({className:o("menuItem"),role:"none"},i("menuItem"));return t.createElement("li",P,E)};return e.menuitem.separator?(n=b({className:o("separator"),role:"separator"},i("separator")),t.createElement("li",n)):u()}));function A(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function L(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?A(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}_.displayName="SplitButtonItem";var R=t.forwardRef((function(e,n){var r,o,i,l=e.ptm,u=e.cx,a=function(t,n){return l(t,L({hostName:e.hostName},n))},s=(r=b({ref:n,className:u("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},a("menu")),o=b({id:e.menuId,className:u("menuList"),role:"menu"},a("menuList")),i=b({classNames:u("transition"),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},a("transition")),t.createElement(g,j({nodeRef:n},i),t.createElement("div",r,t.createElement("ul",o,e.children))));return t.createElement(h,{element:s,appendTo:e.appendTo})}));function H(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function J(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?H(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}R.displayName="SplitButtonPanel";var M=t.memo(t.forwardRef((function(o,g){var h=t.useContext(n),E=D.getProps(o,h),P=B(t.useState(E.id),2),S=P[0],x=P[1],N=B(t.useState(!1),2),w=N[0],I=N[1],C=t.useRef(null),k=t.useRef(null),T=t.useRef(null),z={props:E,state:{id:S,overlayVisible:w}},A=D.setMetaData(z),L=A.ptm,H=A.cx;i(D.css.styles,A.isUnstyled,{name:"splitbutton"});var M=B(l({target:C,overlay:T,listener:function(t,e){e.valid&&V()},when:w}),2),X=M[0],U=M[1],Z=function(){V()},F=function(){I(!0)},V=function(){I(!1)},Y=function(){O.alignOverlay(T.current,k.current.parentElement,E.appendTo||h&&h.appendTo||e.appendTo)};u((function(){S||x(y()),Y()})),a((function(){v.clear(T.current)})),t.useImperativeHandle(g,(function(){return{props:E,show:F,hide:V,getElement:function(){return C.current}}}));if(!1===E.visible)return null;var $=f.isNotEmpty(E.tooltip),q={large:"lg",small:"sm"}[E.size],G=E.buttonTemplate?f.getJSXElement(E.buttonTemplate,E):null,K=E.model?E.model.map((function(e,n){return t.createElement(_,{hostName:"SplitButton",splitButtonProps:E,menuitem:e,key:n,onItemClick:Z,ptm:L,cx:H})})):null,Q=S+"_menu",W=b({ref:C,id:S,className:m(E.className,H("root",{size:q})),style:E.style},D.getOtherProps(E),L("root"));return t.createElement(t.Fragment,null,t.createElement("div",W,t.createElement(r,j({ref:k,type:"button",className:m(E.buttonClassName,H("button")),icon:E.icon,loading:E.loading,loadingIcon:E.loadingIcon,severity:E.severity,label:E.label,raised:E.raised,onClick:E.onClick,disabled:E.disabled,tabIndex:E.tabIndex,size:E.size,outlined:E.outlined,text:E.text},E.buttonProps,{pt:L("button"),__parentMetadata:{parent:z},unstyled:E.unstyled}),G),t.createElement(r,j({type:"button",className:m(E.menuButtonClassName,H("menuButton")),icon:function(){var e=b({className:H("icon")},L("icon")),n=d.getJSXIcon(E.dropdownIcon||t.createElement(s,e),J({},e),{props:E});return n},onClick:function(){w?V():F()},disabled:E.disabled,"aria-expanded":w,"aria-haspopup":"true","aria-controls":w?Q:null},E.menuButtonProps,{size:E.size,severity:E.severity,outlined:E.outlined,text:E.text,raised:E.raised,pt:L("menuButton"),__parentMetadata:{parent:z},unstyled:E.unstyled})),t.createElement(R,{hostName:"SplitButton",ref:T,appendTo:E.appendTo,menuId:Q,menuStyle:E.menuStyle,menuClassName:E.menuClassName,onClick:function(t){p.emit("overlay-click",{originalEvent:t,target:C.current})},in:w,onEnter:function(){v.set("overlay",T.current,h&&h.autoZIndex||e.autoZIndex,h&&h.zIndex.overlay||e.zIndex.overlay),O.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),Y()},onEntered:function(){X(),E.onShow&&E.onShow()},onExit:function(){U()},onExited:function(){v.clear(T.current),E.onHide&&E.onHide()},transitionOptions:E.transitionOptions,ptm:L,cx:H},K)),$&&t.createElement(c,j({target:C,content:E.tooltip},E.tooltipOptions,{pt:L("tooltip")})))})));M.displayName="SplitButton";export{M as SplitButton};

package/splitbutton/splitbutton.js

@@ -139,13 +139,12 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
   var classes = {
     icon: 'p-button-icon p-c',
     root: function root(_ref) {
-      var _classNames;
       var props = _ref.props,
         size = _ref.size;
-      return utils.classNames('p-splitbutton p-component', (_classNames = {
+      return utils.classNames('p-splitbutton p-component', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
         'p-disabled': props.disabled,
         'p-button-loading-label-only': props.loading && !props.icon && props.label
-      }, _defineProperty(_classNames, "p-button-".concat(props.severity), props.severity), _defineProperty(_classNames, 'p-button-raised', props.raised), _defineProperty(_classNames, 'p-button-rounded', props.rounded), _defineProperty(_classNames, 'p-button-text', props.text), _defineProperty(_classNames, 'p-button-outlined', props.outlined), _defineProperty(_classNames, "p-button-".concat(size), size), _classNames));
+      }, "p-button-".concat(props.severity), props.severity), 'p-button-raised', props.raised), 'p-button-rounded', props.rounded), 'p-button-text', props.text), 'p-button-outlined', props.outlined), "p-button-".concat(size), size));
     },
     button: 'p-splitbutton-defaultbutton',
     menuButton: 'p-splitbutton-menubutton',
@@ -167,7 +166,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
     menuItem: 'p-menuitem',
     transition: 'p-connected-overlay'
   };
-  var styles = "\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n";
+  var styles = "\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n";
   var SplitButtonBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'SplitButton',
@@ -436,6 +435,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
       if (!idState) {
         setIdState(utils.UniqueComponentId());
       }
+      alignOverlay();
     });
     hooks.useUnmountEffect(function () {
       utils.ZIndexUtils.clear(overlayRef.current);

package/splitbutton/splitbutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,r,o,l,i,u,a,s,c,p){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 b=d(t),f=m(n);function y(){return y=Object.assign?Object.assign.bind():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},y.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function O(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=O(e,"string");return"symbol"===v(t)?t:String(t)}function h(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,u=[],a=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return u}}function E(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 N(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return P(e)||j(e,t)||N(e,t)||S()}var w=o.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t,n=e.props,r=e.size;return s.classNames("p-splitbutton p-component",(h(t={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),h(t,"p-button-raised",n.raised),h(t,"p-button-rounded",n.rounded),h(t,"p-button-text",n.text),h(t,"p-button-outlined",n.outlined),h(t,"p-button-".concat(r),r),t))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return s.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return s.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function I(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=b.memo((function(e){var t,n=e.ptm,r=e.cx,o=function(t,r){return n(t,C({hostName:e.hostName},r))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},i=function(){if(!1===e.menuitem.visible)return null;var t=e.menuitem,n=t.icon,i=t.label,u=t.template,a=t.url,c=t.target,p=s.classNames("p-menuitem-link",t.className,{"p-disabled":t.disabled}),m=s.classNames("p-menuitem-icon",n),d=s.mergeProps({className:r("menuIcon")},o("menuIcon")),f=s.IconUtils.getJSXIcon(n,C({},d),{props:e.splitButtonProps}),y=s.mergeProps({className:r("menuLabel")},o("menuLabel")),v=i&&b.createElement("span",y,i),O=s.mergeProps({href:a||"#",role:"menuitem",className:r("anchor"),target:c,onClick:l,"aria-label":i},o("anchor")),g=b.createElement("a",O,f,v);u&&(g=s.ObjectUtils.getJSXElement(u,e.menuitem,{onClick:l,className:p,labelClassName:"p-menuitem-text",iconClassName:m,element:g,props:e}));var h=s.mergeProps({className:r("menuItem"),role:"none"},o("menuItem"));return b.createElement("li",h,g)};return e.menuitem.separator?(t=s.mergeProps({className:r("separator"),role:"separator"},o("separator")),b.createElement("li",t)):i()}));function B(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}k.displayName="SplitButtonItem";var T=b.forwardRef((function(e,t){var n,r,o,l=e.ptm,i=e.cx,u=function(t,n){return l(t,D({hostName:e.hostName},n))},a=(n=s.mergeProps({ref:t,className:i("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},u("menu")),r=s.mergeProps({id:e.menuId,className:i("menuList"),role:"menu"},u("menuList")),o=s.mergeProps({classNames:i("transition"),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},u("transition")),b.createElement(c.CSSTransition,y({nodeRef:t},o),b.createElement("div",n,b.createElement("ul",r,e.children))));return b.createElement(p.Portal,{element:a,appendTo:e.appendTo})}));function U(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}T.displayName="SplitButtonPanel";var z=b.memo(b.forwardRef((function(e,t){var c=b.useContext(n.PrimeReactContext),p=w.getProps(e,c),m=x(b.useState(p.id),2),d=m[0],v=m[1],O=x(b.useState(!1),2),g=O[0],h=O[1],P=b.useRef(null),j=b.useRef(null),E=b.useRef(null),N={props:p,state:{id:d,overlayVisible:g}},S=w.setMetaData(N),I=S.ptm,C=S.cx;o.useHandleStyle(w.css.styles,S.isUnstyled,{name:"splitbutton"});var B=x(l.useOverlayListener({target:P,overlay:E,listener:function(e,t){t.valid&&H()},when:g}),2),D=B[0],U=B[1],z=function(){H()},R=function(){h(!0)},H=function(){h(!1)},L=function(){s.DomHandler.alignOverlay(E.current,j.current.parentElement,p.appendTo||c&&c.appendTo||f.default.appendTo)};l.useMountEffect((function(){d||v(s.UniqueComponentId())})),l.useUnmountEffect((function(){s.ZIndexUtils.clear(E.current)})),b.useImperativeHandle(t,(function(){return{props:p,show:R,hide:H,getElement:function(){return P.current}}}));if(!1===p.visible)return null;var M=s.ObjectUtils.isNotEmpty(p.tooltip),A={large:"lg",small:"sm"}[p.size],Z=p.buttonTemplate?s.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,J=p.model?p.model.map((function(e,t){return b.createElement(k,{hostName:"SplitButton",splitButtonProps:p,menuitem:e,key:t,onItemClick:z,ptm:I,cx:C})})):null,X=d+"_menu",q=s.mergeProps({ref:P,id:d,className:s.classNames(p.className,C("root",{size:A})),style:p.style},w.getOtherProps(p),I("root"));return b.createElement(b.Fragment,null,b.createElement("div",q,b.createElement(r.Button,y({ref:j,type:"button",className:s.classNames(p.buttonClassName,C("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:I("button"),__parentMetadata:{parent:N},unstyled:p.unstyled}),Z),b.createElement(r.Button,y({type:"button",className:s.classNames(p.menuButtonClassName,C("menuButton")),icon:function(){var e=s.mergeProps({className:C("icon")},I("icon")),t=s.IconUtils.getJSXIcon(p.dropdownIcon||b.createElement(i.ChevronDownIcon,e),_({},e),{props:p});return t},onClick:function(){g?H():R()},disabled:p.disabled,"aria-expanded":g,"aria-haspopup":"true","aria-controls":g?X:null},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:I("menuButton"),__parentMetadata:{parent:N},unstyled:p.unstyled})),b.createElement(T,{hostName:"SplitButton",ref:E,appendTo:p.appendTo,menuId:X,menuStyle:p.menuStyle,menuClassName:p.menuClassName,onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:P.current})},in:g,onEnter:function(){s.ZIndexUtils.set("overlay",E.current,c&&c.autoZIndex||f.default.autoZIndex,c&&c.zIndex.overlay||f.default.zIndex.overlay),s.DomHandler.addStyles(E.current,{position:"absolute",top:"0",left:"0"}),L()},onEntered:function(){D(),p.onShow&&p.onShow()},onExit:function(){U()},onExited:function(){s.ZIndexUtils.clear(E.current),p.onHide&&p.onHide()},transitionOptions:p.transitionOptions,ptm:I,cx:C},J)),M&&b.createElement(a.Tooltip,y({target:P,content:p.tooltip},p.tooltipOptions,{pt:I("tooltip")})))})));return z.displayName="SplitButton",e.SplitButton=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);
+this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,r,o,l,i,u,a,s,c,p){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(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 d=b(t),f=m(n);function y(){return y=Object.assign?Object.assign.bind():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},y.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function O(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=O(e,"string");return"symbol"===v(t)?t:String(t)}function h(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,u=[],a=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return u}}function E(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 N(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return P(e)||j(e,t)||N(e,t)||S()}var w=o.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return s.classNames("p-splitbutton p-component",h(h(h(h(h(h({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return s.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return s.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function I(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=d.memo((function(e){var t,n=e.ptm,r=e.cx,o=function(t,r){return n(t,C({hostName:e.hostName},r))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},i=function(){if(!1===e.menuitem.visible)return null;var t=e.menuitem,n=t.icon,i=t.label,u=t.template,a=t.url,c=t.target,p=s.classNames("p-menuitem-link",t.className,{"p-disabled":t.disabled}),m=s.classNames("p-menuitem-icon",n),b=s.mergeProps({className:r("menuIcon")},o("menuIcon")),f=s.IconUtils.getJSXIcon(n,C({},b),{props:e.splitButtonProps}),y=s.mergeProps({className:r("menuLabel")},o("menuLabel")),v=i&&d.createElement("span",y,i),O=s.mergeProps({href:a||"#",role:"menuitem",className:r("anchor"),target:c,onClick:l,"aria-label":i},o("anchor")),g=d.createElement("a",O,f,v);u&&(g=s.ObjectUtils.getJSXElement(u,e.menuitem,{onClick:l,className:p,labelClassName:"p-menuitem-text",iconClassName:m,element:g,props:e}));var h=s.mergeProps({className:r("menuItem"),role:"none"},o("menuItem"));return d.createElement("li",h,g)};return e.menuitem.separator?(t=s.mergeProps({className:r("separator"),role:"separator"},o("separator")),d.createElement("li",t)):i()}));function B(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}k.displayName="SplitButtonItem";var T=d.forwardRef((function(e,t){var n,r,o,l=e.ptm,i=e.cx,u=function(t,n){return l(t,D({hostName:e.hostName},n))},a=(n=s.mergeProps({ref:t,className:i("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},u("menu")),r=s.mergeProps({id:e.menuId,className:i("menuList"),role:"menu"},u("menuList")),o=s.mergeProps({classNames:i("transition"),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},u("transition")),d.createElement(c.CSSTransition,y({nodeRef:t},o),d.createElement("div",n,d.createElement("ul",r,e.children))));return d.createElement(p.Portal,{element:a,appendTo:e.appendTo})}));function U(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}T.displayName="SplitButtonPanel";var z=d.memo(d.forwardRef((function(e,t){var c=d.useContext(n.PrimeReactContext),p=w.getProps(e,c),m=x(d.useState(p.id),2),b=m[0],v=m[1],O=x(d.useState(!1),2),g=O[0],h=O[1],P=d.useRef(null),j=d.useRef(null),E=d.useRef(null),N={props:p,state:{id:b,overlayVisible:g}},S=w.setMetaData(N),I=S.ptm,C=S.cx;o.useHandleStyle(w.css.styles,S.isUnstyled,{name:"splitbutton"});var B=x(l.useOverlayListener({target:P,overlay:E,listener:function(e,t){t.valid&&H()},when:g}),2),D=B[0],U=B[1],z=function(){H()},R=function(){h(!0)},H=function(){h(!1)},L=function(){s.DomHandler.alignOverlay(E.current,j.current.parentElement,p.appendTo||c&&c.appendTo||f.default.appendTo)};l.useMountEffect((function(){b||v(s.UniqueComponentId()),L()})),l.useUnmountEffect((function(){s.ZIndexUtils.clear(E.current)})),d.useImperativeHandle(t,(function(){return{props:p,show:R,hide:H,getElement:function(){return P.current}}}));if(!1===p.visible)return null;var M=s.ObjectUtils.isNotEmpty(p.tooltip),A={large:"lg",small:"sm"}[p.size],Z=p.buttonTemplate?s.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,J=p.model?p.model.map((function(e,t){return d.createElement(k,{hostName:"SplitButton",splitButtonProps:p,menuitem:e,key:t,onItemClick:z,ptm:I,cx:C})})):null,X=b+"_menu",q=s.mergeProps({ref:P,id:b,className:s.classNames(p.className,C("root",{size:A})),style:p.style},w.getOtherProps(p),I("root"));return d.createElement(d.Fragment,null,d.createElement("div",q,d.createElement(r.Button,y({ref:j,type:"button",className:s.classNames(p.buttonClassName,C("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:I("button"),__parentMetadata:{parent:N},unstyled:p.unstyled}),Z),d.createElement(r.Button,y({type:"button",className:s.classNames(p.menuButtonClassName,C("menuButton")),icon:function(){var e=s.mergeProps({className:C("icon")},I("icon")),t=s.IconUtils.getJSXIcon(p.dropdownIcon||d.createElement(i.ChevronDownIcon,e),_({},e),{props:p});return t},onClick:function(){g?H():R()},disabled:p.disabled,"aria-expanded":g,"aria-haspopup":"true","aria-controls":g?X:null},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:I("menuButton"),__parentMetadata:{parent:N},unstyled:p.unstyled})),d.createElement(T,{hostName:"SplitButton",ref:E,appendTo:p.appendTo,menuId:X,menuStyle:p.menuStyle,menuClassName:p.menuClassName,onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:P.current})},in:g,onEnter:function(){s.ZIndexUtils.set("overlay",E.current,c&&c.autoZIndex||f.default.autoZIndex,c&&c.zIndex.overlay||f.default.zIndex.overlay),s.DomHandler.addStyles(E.current,{position:"absolute",top:"0",left:"0"}),L()},onEntered:function(){D(),p.onShow&&p.onShow()},onExit:function(){U()},onExited:function(){s.ZIndexUtils.clear(E.current),p.onHide&&p.onHide()},transitionOptions:p.transitionOptions,ptm:I,cx:C},J)),M&&d.createElement(a.Tooltip,y({target:P,content:p.tooltip},p.tooltipOptions,{pt:I("tooltip")})))})));return z.displayName="SplitButton",e.SplitButton=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);

package/splitter/splitter.cjs.js

@@ -323,7 +323,9 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   }, [props.stateStorage]);
   var saveState = function saveState(sizes) {
-    getStorage().setItem(props.stateKey, JSON.stringify(sizes));
+    if (utils.ObjectUtils.isArray(sizes)) {
+      getStorage().setItem(props.stateKey, JSON.stringify(sizes));
+    }
   };
   var restoreState = React__namespace.useCallback(function () {
     var stateString = getStorage().getItem(props.stateKey);

package/splitter/splitter.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/utils");function i(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 o=i(e);function u(){return u=Object.assign?Object.assign.bind():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 s(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 s(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function g(e,t){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=g(e,"string");return"symbol"===d(t)?t:String(t)}function y(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,i,o,u=[],s=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){a=!0,l=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw l}}return u}}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 v(e,t){return y(e)||h(e,t)||p(e,t)||b()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return l.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n    \n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n    \n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n    \n    .p-splitter-panel-nested {\n        display: flex;\n    }\n    \n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n    \n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n    \n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n    \n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),z=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return l.ObjectUtils.getComponentProps(e,z.defaultProps)},getCOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,z.defaultProps)},getCProp:function(e,t){return l.ObjectUtils.getComponentProp(e,t,z.defaultProps)}});function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){var n,l,i;n=e,i=r[t],(l=m(l=t))in n?Object.defineProperty(n,l,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[l]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=function(){},j=o.memo(o.forwardRef((function(e,i){var s=o.useContext(t.PrimeReactContext),d=S.getProps(e,s),g=o.useRef(null),m=o.useRef(),y=o.useRef({}),h=o.useRef(null),b=o.useRef(null),O=o.useRef(null),P=o.useRef(null),j=o.useRef(null),E=o.useRef(null),x=o.useRef(null),D=o.useRef(null),H=o.useRef(null),C=o.useRef(null),N=v(o.useState([]),2),R=N[0],A=N[1],I=v(o.useState(!1),2),T=I[0],_=I[1],k=null!=d.stateKey,L=d.children&&d.children.length||1,M=function(e,t){return t in e?e[t]:d.children&&[].concat(d.children)[t].props.size||100/L},U={props:d,state:{panelSizes:R,nested:!0===l.DomHandler.getAttribute(g.current&&g.current.parentElement,"data-p-splitter-panel-nested")}},Y=S.setMetaData(w({},U)),q=Y.ptm,B=Y.cx,K=Y.isUnstyled;r.useHandleStyle(S.css.styles,K,{name:"splitter"});var X=v(n.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),W=X[0],J=X[1],F=v(n.useEventListener({type:"mouseup",listener:function(e){ie(e),Q()}}),2),$=F[0],G=F[1],Q=function(){J(),G()},V=function(e,t){return z.getCProp(e,t)},Z=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(d.children[C.current].props&&d.children[C.current].props.minSize&&d.children[C.current].props.minSize>e)&&!(d.children[C.current+1].props&&d.children[C.current+1].props.minSize&&d.children[C.current+1].props.minSize>t)))},ee=o.useCallback((function(){switch(d.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(d.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[d.stateStorage]),te=function(e){ee().setItem(d.stateKey,JSON.stringify(e))},re=o.useCallback((function(){var e=ee().getItem(d.stateKey);e&&A(JSON.parse(e))}),[ee,d.stateKey]),ne=function(e,t){m.current=y.current[t];var r="touchstart"===e.type?e.touches[0].pageX:e.pageX,n="touchstart"===e.type?e.touches[0].pageY:e.pageY;h.current="horizontal"===d.layout?l.DomHandler.getWidth(g.current):l.DomHandler.getHeight(g.current),b.current=!0,O.current="horizontal"===d.layout?r:n,P.current=m.current.previousElementSibling,j.current=m.current.nextElementSibling,E.current=100*("horizontal"===d.layout?l.DomHandler.getOuterWidth(P.current,!0):l.DomHandler.getOuterHeight(P.current,!0))/h.current,x.current=E.current,D.current=100*("horizontal"===d.layout?l.DomHandler.getOuterWidth(j.current,!0):l.DomHandler.getOuterHeight(j.current,!0))/h.current,H.current=D.current,C.current=t,!K()&&l.DomHandler.addClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!0),!K()&&l.DomHandler.addClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r=E.current+(t="horizontal"===d.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*O.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*O.current/h.current),n=D.current-t;Z(r,n)&&(x.current=r,H.current=n,P.current.style.flexBasis="calc("+r+"% - "+(d.children.length-1)*d.gutterSize+"px)",j.current.style.flexBasis="calc("+n+"% - "+(d.children.length-1)*d.gutterSize+"px)")},ie=function(e){A((function(t){for(var r=[],n=0;n<d.children.length;n++)r[n]=M(t,n);return r[C.current]=x.current,r[C.current+1]=H.current,d.onResizeEnd&&d.onResizeEnd({originalEvent:e,sizes:r}),k&&te(r),r})),!K()&&l.DomHandler.removeClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!1),!K()&&l.DomHandler.removeClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!1),b.current=!1,h.current=null,O.current=null,P.current=null,j.current=null,E.current=null,x.current=null,D.current=null,H.current=null,C.current=null},oe=function(e,t){ne(e,t),W(),$()},ue=function(e,t){ne(e,t),window.addEventListener("touchmove",se,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ae)},se=function(e){le(e)},ae=function e(t){ie(t),window.removeEventListener("touchmove",se),window.removeEventListener("touchend",e)};o.useImperativeHandle(i,(function(){return{props:d,getElement:function(){return g.current}}})),o.useEffect((function(){var e;(e=g.current.children,a(e)||c(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===l.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&l.ObjectUtils.isNotEmpty(l.DomHandler.find(e,"[data-pc-name='splitter']")&&l.DomHandler.find(e,"[data-pc-section='root']"))&&(!K()&&l.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))}))}),[]),o.useEffect((function(){k&&re()}),[re,k]);var ce=function(e,t){var r=l.classNames(V(e,"className"),B("panel.root")),n=l.mergeProps({ref:function(e){return y.current[t]=e},className:B("gutter"),style:"horizontal"===d.layout?{width:d.gutterSize+"px"}:{height:d.gutterSize+"px"},onMouseDown:function(e){return oe(e,t)},onTouchStart:function(e){return ue(e,t)},onTouchMove:function(e){return se(e)},onTouchEnd:function(e){return ae(e)},"data-p-splitter-gutter-resizing":!1},q("gutter")),i=l.mergeProps({className:B("gutterHandler")},q("gutterHandler")),u=t!==d.children.length-1&&o.createElement("div",n,o.createElement("div",i)),s="calc("+M(R,t)+"% - "+(L-1)*d.gutterSize+"px)",a=l.mergeProps({key:t,id:V(e,"id"),className:r,style:w(w({},V(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},q("splitterpanel.root",{context:{nested:T}}));return o.createElement(o.Fragment,null,o.createElement("div",a,V(e,"children")),u)},pe=l.mergeProps({id:d.id,style:d.style,className:l.classNames(d.className,B("root")),"data-p-splitter-resizing":!1},S.getOtherProps(d),q("root")),fe=o.Children.map(d.children,ce);return o.createElement("div",u({ref:g},pe),fe)})));P.displayName="SplitterPanel",j.displayName="Splitter",exports.Splitter=j,exports.SplitterPanel=P;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/utils");function i(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 o=i(e);function u(){return u=Object.assign?Object.assign.bind():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 s(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 s(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function g(e,t){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=g(e,"string");return"symbol"===d(t)?t:String(t)}function y(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,i,o,u=[],s=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){a=!0,l=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw l}}return u}}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 v(e,t){return y(e)||h(e,t)||p(e,t)||b()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return l.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n    \n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n    \n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n    \n    .p-splitter-panel-nested {\n        display: flex;\n    }\n    \n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n    \n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n    \n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n    \n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),z=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return l.ObjectUtils.getComponentProps(e,z.defaultProps)},getCOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,z.defaultProps)},getCProp:function(e,t){return l.ObjectUtils.getComponentProp(e,t,z.defaultProps)}});function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){var n,l,i;n=e,i=r[t],(l=m(l=t))in n?Object.defineProperty(n,l,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[l]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=function(){},j=o.memo(o.forwardRef((function(e,i){var s=o.useContext(t.PrimeReactContext),d=S.getProps(e,s),g=o.useRef(null),m=o.useRef(),y=o.useRef({}),h=o.useRef(null),b=o.useRef(null),O=o.useRef(null),P=o.useRef(null),j=o.useRef(null),E=o.useRef(null),x=o.useRef(null),D=o.useRef(null),H=o.useRef(null),C=o.useRef(null),N=v(o.useState([]),2),R=N[0],A=N[1],I=v(o.useState(!1),2),T=I[0],_=I[1],k=null!=d.stateKey,U=d.children&&d.children.length||1,L=function(e,t){return t in e?e[t]:d.children&&[].concat(d.children)[t].props.size||100/U},M={props:d,state:{panelSizes:R,nested:!0===l.DomHandler.getAttribute(g.current&&g.current.parentElement,"data-p-splitter-panel-nested")}},Y=S.setMetaData(w({},M)),q=Y.ptm,B=Y.cx,K=Y.isUnstyled;r.useHandleStyle(S.css.styles,K,{name:"splitter"});var X=v(n.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),W=X[0],J=X[1],F=v(n.useEventListener({type:"mouseup",listener:function(e){ie(e),Q()}}),2),$=F[0],G=F[1],Q=function(){J(),G()},V=function(e,t){return z.getCProp(e,t)},Z=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(d.children[C.current].props&&d.children[C.current].props.minSize&&d.children[C.current].props.minSize>e)&&!(d.children[C.current+1].props&&d.children[C.current+1].props.minSize&&d.children[C.current+1].props.minSize>t)))},ee=o.useCallback((function(){switch(d.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(d.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[d.stateStorage]),te=function(e){l.ObjectUtils.isArray(e)&&ee().setItem(d.stateKey,JSON.stringify(e))},re=o.useCallback((function(){var e=ee().getItem(d.stateKey);e&&A(JSON.parse(e))}),[ee,d.stateKey]),ne=function(e,t){m.current=y.current[t];var r="touchstart"===e.type?e.touches[0].pageX:e.pageX,n="touchstart"===e.type?e.touches[0].pageY:e.pageY;h.current="horizontal"===d.layout?l.DomHandler.getWidth(g.current):l.DomHandler.getHeight(g.current),b.current=!0,O.current="horizontal"===d.layout?r:n,P.current=m.current.previousElementSibling,j.current=m.current.nextElementSibling,E.current=100*("horizontal"===d.layout?l.DomHandler.getOuterWidth(P.current,!0):l.DomHandler.getOuterHeight(P.current,!0))/h.current,x.current=E.current,D.current=100*("horizontal"===d.layout?l.DomHandler.getOuterWidth(j.current,!0):l.DomHandler.getOuterHeight(j.current,!0))/h.current,H.current=D.current,C.current=t,!K()&&l.DomHandler.addClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!0),!K()&&l.DomHandler.addClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r=E.current+(t="horizontal"===d.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*O.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*O.current/h.current),n=D.current-t;Z(r,n)&&(x.current=r,H.current=n,P.current.style.flexBasis="calc("+r+"% - "+(d.children.length-1)*d.gutterSize+"px)",j.current.style.flexBasis="calc("+n+"% - "+(d.children.length-1)*d.gutterSize+"px)")},ie=function(e){A((function(t){for(var r=[],n=0;n<d.children.length;n++)r[n]=L(t,n);return r[C.current]=x.current,r[C.current+1]=H.current,d.onResizeEnd&&d.onResizeEnd({originalEvent:e,sizes:r}),k&&te(r),r})),!K()&&l.DomHandler.removeClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!1),!K()&&l.DomHandler.removeClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!1),b.current=!1,h.current=null,O.current=null,P.current=null,j.current=null,E.current=null,x.current=null,D.current=null,H.current=null,C.current=null},oe=function(e,t){ne(e,t),W(),$()},ue=function(e,t){ne(e,t),window.addEventListener("touchmove",se,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ae)},se=function(e){le(e)},ae=function e(t){ie(t),window.removeEventListener("touchmove",se),window.removeEventListener("touchend",e)};o.useImperativeHandle(i,(function(){return{props:d,getElement:function(){return g.current}}})),o.useEffect((function(){var e;(e=g.current.children,a(e)||c(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===l.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&l.ObjectUtils.isNotEmpty(l.DomHandler.find(e,"[data-pc-name='splitter']")&&l.DomHandler.find(e,"[data-pc-section='root']"))&&(!K()&&l.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))}))}),[]),o.useEffect((function(){k&&re()}),[re,k]);var ce=function(e,t){var r=l.classNames(V(e,"className"),B("panel.root")),n=l.mergeProps({ref:function(e){return y.current[t]=e},className:B("gutter"),style:"horizontal"===d.layout?{width:d.gutterSize+"px"}:{height:d.gutterSize+"px"},onMouseDown:function(e){return oe(e,t)},onTouchStart:function(e){return ue(e,t)},onTouchMove:function(e){return se(e)},onTouchEnd:function(e){return ae(e)},"data-p-splitter-gutter-resizing":!1},q("gutter")),i=l.mergeProps({className:B("gutterHandler")},q("gutterHandler")),u=t!==d.children.length-1&&o.createElement("div",n,o.createElement("div",i)),s="calc("+L(R,t)+"% - "+(U-1)*d.gutterSize+"px)",a=l.mergeProps({key:t,id:V(e,"id"),className:r,style:w(w({},V(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},q("splitterpanel.root",{context:{nested:T}}));return o.createElement(o.Fragment,null,o.createElement("div",a,V(e,"children")),u)},pe=l.mergeProps({id:d.id,style:d.style,className:l.classNames(d.className,B("root")),"data-p-splitter-resizing":!1},S.getOtherProps(d),q("root")),fe=o.Children.map(d.children,ce);return o.createElement("div",u({ref:g},pe),fe)})));P.displayName="SplitterPanel",j.displayName="Splitter",exports.Splitter=j,exports.SplitterPanel=P;

package/splitter/splitter.esm.js

@@ -299,7 +299,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   }, [props.stateStorage]);
   var saveState = function saveState(sizes) {
-    getStorage().setItem(props.stateKey, JSON.stringify(sizes));
+    if (ObjectUtils.isArray(sizes)) {
+      getStorage().setItem(props.stateKey, JSON.stringify(sizes));
+    }
   };
   var restoreState = React.useCallback(function () {
     var stateString = getStorage().getItem(props.stateKey);

package/splitter/splitter.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useEventListener as i}from"primereact/hooks";import{ObjectUtils as l,classNames as o,DomHandler as u,mergeProps as s}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():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},a.apply(this,arguments)}function c(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 p(e){if(Array.isArray(e))return c(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function y(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=y(e,"string");return"symbol"===m(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,l,o,u=[],s=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=l.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){a=!0,i=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw i}}return u}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function z(e,t){return v(e)||b(e,t)||d(e,t)||S()}var w=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return o("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n    \n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n    \n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n    \n    .p-splitter-panel-nested {\n        display: flex;\n    }\n    \n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n    \n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n    \n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n    \n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),O=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return l.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return l.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return l.getComponentProp(e,t,O.defaultProps)}});function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){var n,i,l;n=e,l=r[t],(i=h(i=t))in n?Object.defineProperty(n,i,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[i]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=function(){},j=e.memo(e.forwardRef((function(r,c){var m=e.useContext(t),y=w.getProps(r,m),h=e.useRef(null),v=e.useRef(),b=e.useRef({}),S=e.useRef(null),P=e.useRef(null),x=e.useRef(null),j=e.useRef(null),C=e.useRef(null),R=e.useRef(null),A=e.useRef(null),N=e.useRef(null),I=e.useRef(null),T=e.useRef(null),D=z(e.useState([]),2),H=D[0],k=D[1],Y=z(e.useState(!1),2),K=Y[0],L=Y[1],M=null!=y.stateKey,X=y.children&&y.children.length||1,_=function(e,t){return t in e?e[t]:y.children&&[].concat(y.children)[t].props.size||100/X},B={props:y,state:{panelSizes:H,nested:!0===u.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},W=w.setMetaData(E({},B)),J=W.ptm,U=W.cx,F=W.isUnstyled;n(w.css.styles,F,{name:"splitter"});var $=z(i({type:"mousemove",listener:function(e){return ue(e)}}),2),q=$[0],G=$[1],Q=z(i({type:"mouseup",listener:function(e){se(e),ee()}}),2),V=Q[0],Z=Q[1],ee=function(){G(),Z()},te=function(e,t){return O.getCProp(e,t)},re=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(y.children[T.current].props&&y.children[T.current].props.minSize&&y.children[T.current].props.minSize>e)&&!(y.children[T.current+1].props&&y.children[T.current+1].props.minSize&&y.children[T.current+1].props.minSize>t)))},ne=e.useCallback((function(){switch(y.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(y.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[y.stateStorage]),ie=function(e){ne().setItem(y.stateKey,JSON.stringify(e))},le=e.useCallback((function(){var e=ne().getItem(y.stateKey);e&&k(JSON.parse(e))}),[ne,y.stateKey]),oe=function(e,t){v.current=b.current[t];var r="touchstart"===e.type?e.touches[0].pageX:e.pageX,n="touchstart"===e.type?e.touches[0].pageY:e.pageY;S.current="horizontal"===y.layout?u.getWidth(h.current):u.getHeight(h.current),P.current=!0,x.current="horizontal"===y.layout?r:n,j.current=v.current.previousElementSibling,C.current=v.current.nextElementSibling,R.current=100*("horizontal"===y.layout?u.getOuterWidth(j.current,!0):u.getOuterHeight(j.current,!0))/S.current,A.current=R.current,N.current=100*("horizontal"===y.layout?u.getOuterWidth(C.current,!0):u.getOuterHeight(C.current,!0))/S.current,I.current=N.current,T.current=t,!F()&&u.addClass(v.current,"p-splitter-gutter-resizing"),v.current.setAttribute("data-p-splitter-gutter-resizing",!0),!F()&&u.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ue=function(e){var t,r=R.current+(t="horizontal"===y.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/S.current-100*x.current/S.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/S.current-100*x.current/S.current),n=N.current-t;re(r,n)&&(A.current=r,I.current=n,j.current.style.flexBasis="calc("+r+"% - "+(y.children.length-1)*y.gutterSize+"px)",C.current.style.flexBasis="calc("+n+"% - "+(y.children.length-1)*y.gutterSize+"px)")},se=function(e){k((function(t){for(var r=[],n=0;n<y.children.length;n++)r[n]=_(t,n);return r[T.current]=A.current,r[T.current+1]=I.current,y.onResizeEnd&&y.onResizeEnd({originalEvent:e,sizes:r}),M&&ie(r),r})),!F()&&u.removeClass(v.current,"p-splitter-gutter-resizing"),v.current.setAttribute("data-p-splitter-gutter-resizing",!1),!F()&&u.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),P.current=!1,S.current=null,x.current=null,j.current=null,C.current=null,R.current=null,A.current=null,N.current=null,I.current=null,T.current=null},ae=function(e,t){oe(e,t),q(),V()},ce=function(e,t){oe(e,t),window.addEventListener("touchmove",pe,{passive:!1,cancelable:!1}),window.addEventListener("touchend",fe)},pe=function(e){ue(e)},fe=function e(t){se(t),window.removeEventListener("touchmove",pe),window.removeEventListener("touchend",e)};e.useImperativeHandle(c,(function(){return{props:y,getElement:function(){return h.current}}})),e.useEffect((function(){var e;(e=h.current.children,p(e)||f(e)||d(e)||g()).filter((function(e){return"splitterpanel.root"===u.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&l.isNotEmpty(u.find(e,"[data-pc-name='splitter']")&&u.find(e,"[data-pc-section='root']"))&&(!F()&&u.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),L(!0))}))}),[]),e.useEffect((function(){M&&le()}),[le,M]);var de=function(t,r){var n=o(te(t,"className"),U("panel.root")),i=s({ref:function(e){return b.current[r]=e},className:U("gutter"),style:"horizontal"===y.layout?{width:y.gutterSize+"px"}:{height:y.gutterSize+"px"},onMouseDown:function(e){return ae(e,r)},onTouchStart:function(e){return ce(e,r)},onTouchMove:function(e){return pe(e)},onTouchEnd:function(e){return fe(e)},"data-p-splitter-gutter-resizing":!1},J("gutter")),l=s({className:U("gutterHandler")},J("gutterHandler")),u=r!==y.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+_(H,r)+"% - "+(X-1)*y.gutterSize+"px)",c=s({key:r,id:te(t,"id"),className:n,style:E(E({},te(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},J("splitterpanel.root",{context:{nested:K}}));return e.createElement(e.Fragment,null,e.createElement("div",c,te(t,"children")),u)},ge=s({id:y.id,style:y.style,className:o(y.className,U("root")),"data-p-splitter-resizing":!1},w.getOtherProps(y),J("root")),me=e.Children.map(y.children,de);return e.createElement("div",a({ref:h},ge),me)})));x.displayName="SplitterPanel",j.displayName="Splitter";export{j as Splitter,x as SplitterPanel};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useEventListener as i}from"primereact/hooks";import{ObjectUtils as l,classNames as o,DomHandler as u,mergeProps as s}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():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},a.apply(this,arguments)}function c(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 p(e){if(Array.isArray(e))return c(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function y(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=y(e,"string");return"symbol"===m(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,l,o,u=[],s=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=l.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){a=!0,i=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw i}}return u}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function z(e,t){return v(e)||b(e,t)||d(e,t)||S()}var w=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return o("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n    \n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n    \n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n    \n    .p-splitter-panel-nested {\n        display: flex;\n    }\n    \n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n    \n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n    \n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n    \n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),O=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return l.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return l.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return l.getComponentProp(e,t,O.defaultProps)}});function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){var n,i,l;n=e,l=r[t],(i=h(i=t))in n?Object.defineProperty(n,i,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[i]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=function(){},j=e.memo(e.forwardRef((function(r,c){var m=e.useContext(t),y=w.getProps(r,m),h=e.useRef(null),v=e.useRef(),b=e.useRef({}),S=e.useRef(null),P=e.useRef(null),x=e.useRef(null),j=e.useRef(null),A=e.useRef(null),C=e.useRef(null),R=e.useRef(null),N=e.useRef(null),I=e.useRef(null),T=e.useRef(null),D=z(e.useState([]),2),H=D[0],k=D[1],Y=z(e.useState(!1),2),K=Y[0],L=Y[1],M=null!=y.stateKey,X=y.children&&y.children.length||1,_=function(e,t){return t in e?e[t]:y.children&&[].concat(y.children)[t].props.size||100/X},B={props:y,state:{panelSizes:H,nested:!0===u.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},W=w.setMetaData(E({},B)),J=W.ptm,U=W.cx,F=W.isUnstyled;n(w.css.styles,F,{name:"splitter"});var $=z(i({type:"mousemove",listener:function(e){return ue(e)}}),2),q=$[0],G=$[1],Q=z(i({type:"mouseup",listener:function(e){se(e),ee()}}),2),V=Q[0],Z=Q[1],ee=function(){G(),Z()},te=function(e,t){return O.getCProp(e,t)},re=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(y.children[T.current].props&&y.children[T.current].props.minSize&&y.children[T.current].props.minSize>e)&&!(y.children[T.current+1].props&&y.children[T.current+1].props.minSize&&y.children[T.current+1].props.minSize>t)))},ne=e.useCallback((function(){switch(y.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(y.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[y.stateStorage]),ie=function(e){l.isArray(e)&&ne().setItem(y.stateKey,JSON.stringify(e))},le=e.useCallback((function(){var e=ne().getItem(y.stateKey);e&&k(JSON.parse(e))}),[ne,y.stateKey]),oe=function(e,t){v.current=b.current[t];var r="touchstart"===e.type?e.touches[0].pageX:e.pageX,n="touchstart"===e.type?e.touches[0].pageY:e.pageY;S.current="horizontal"===y.layout?u.getWidth(h.current):u.getHeight(h.current),P.current=!0,x.current="horizontal"===y.layout?r:n,j.current=v.current.previousElementSibling,A.current=v.current.nextElementSibling,C.current=100*("horizontal"===y.layout?u.getOuterWidth(j.current,!0):u.getOuterHeight(j.current,!0))/S.current,R.current=C.current,N.current=100*("horizontal"===y.layout?u.getOuterWidth(A.current,!0):u.getOuterHeight(A.current,!0))/S.current,I.current=N.current,T.current=t,!F()&&u.addClass(v.current,"p-splitter-gutter-resizing"),v.current.setAttribute("data-p-splitter-gutter-resizing",!0),!F()&&u.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ue=function(e){var t,r=C.current+(t="horizontal"===y.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/S.current-100*x.current/S.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/S.current-100*x.current/S.current),n=N.current-t;re(r,n)&&(R.current=r,I.current=n,j.current.style.flexBasis="calc("+r+"% - "+(y.children.length-1)*y.gutterSize+"px)",A.current.style.flexBasis="calc("+n+"% - "+(y.children.length-1)*y.gutterSize+"px)")},se=function(e){k((function(t){for(var r=[],n=0;n<y.children.length;n++)r[n]=_(t,n);return r[T.current]=R.current,r[T.current+1]=I.current,y.onResizeEnd&&y.onResizeEnd({originalEvent:e,sizes:r}),M&&ie(r),r})),!F()&&u.removeClass(v.current,"p-splitter-gutter-resizing"),v.current.setAttribute("data-p-splitter-gutter-resizing",!1),!F()&&u.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),P.current=!1,S.current=null,x.current=null,j.current=null,A.current=null,C.current=null,R.current=null,N.current=null,I.current=null,T.current=null},ae=function(e,t){oe(e,t),q(),V()},ce=function(e,t){oe(e,t),window.addEventListener("touchmove",pe,{passive:!1,cancelable:!1}),window.addEventListener("touchend",fe)},pe=function(e){ue(e)},fe=function e(t){se(t),window.removeEventListener("touchmove",pe),window.removeEventListener("touchend",e)};e.useImperativeHandle(c,(function(){return{props:y,getElement:function(){return h.current}}})),e.useEffect((function(){var e;(e=h.current.children,p(e)||f(e)||d(e)||g()).filter((function(e){return"splitterpanel.root"===u.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&l.isNotEmpty(u.find(e,"[data-pc-name='splitter']")&&u.find(e,"[data-pc-section='root']"))&&(!F()&&u.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),L(!0))}))}),[]),e.useEffect((function(){M&&le()}),[le,M]);var de=function(t,r){var n=o(te(t,"className"),U("panel.root")),i=s({ref:function(e){return b.current[r]=e},className:U("gutter"),style:"horizontal"===y.layout?{width:y.gutterSize+"px"}:{height:y.gutterSize+"px"},onMouseDown:function(e){return ae(e,r)},onTouchStart:function(e){return ce(e,r)},onTouchMove:function(e){return pe(e)},onTouchEnd:function(e){return fe(e)},"data-p-splitter-gutter-resizing":!1},J("gutter")),l=s({className:U("gutterHandler")},J("gutterHandler")),u=r!==y.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+_(H,r)+"% - "+(X-1)*y.gutterSize+"px)",c=s({key:r,id:te(t,"id"),className:n,style:E(E({},te(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},J("splitterpanel.root",{context:{nested:K}}));return e.createElement(e.Fragment,null,e.createElement("div",c,te(t,"children")),u)},ge=s({id:y.id,style:y.style,className:o(y.className,U("root")),"data-p-splitter-resizing":!1},w.getOtherProps(y),J("root")),me=e.Children.map(y.children,de);return e.createElement("div",a({ref:h},ge),me)})));x.displayName="SplitterPanel",j.displayName="Splitter";export{j as Splitter,x as SplitterPanel};

package/splitter/splitter.js

@@ -316,7 +316,9 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       }
     }, [props.stateStorage]);
     var saveState = function saveState(sizes) {
-      getStorage().setItem(props.stateKey, JSON.stringify(sizes));
+      if (utils.ObjectUtils.isArray(sizes)) {
+        getStorage().setItem(props.stateKey, JSON.stringify(sizes));
+      }
     };
     var restoreState = React__namespace.useCallback(function () {
       var stateString = getStorage().getItem(props.stateKey);

package/splitter/splitter.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n,l,i){"use strict";function o(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=o(t);function s(){return s=Object.assign?Object.assign.bind():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},s.apply(this,arguments)}function a(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 c(e){if(Array.isArray(e))return a(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return a(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)?a(e,t):void 0}}function d(){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 m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function g(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=g(e,"string");return"symbol"===m(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i,o,u=[],s=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){a=!0,l=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw l}}return u}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return h(e)||b(e,t)||f(e,t)||v()}var z=n.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return i.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n    \n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n    \n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n    \n    .p-splitter-panel-nested {\n        display: flex;\n    }\n    \n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n    \n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n    \n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n    \n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),O=n.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return i.ObjectUtils.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return i.ObjectUtils.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return i.ObjectUtils.getComponentProp(e,t,O.defaultProps)}});function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){var n,l,i;n=e,i=r[t],(l=y(l=t))in n?Object.defineProperty(n,l,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[l]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=function(){},E=u.memo(u.forwardRef((function(e,t){var o=u.useContext(r.PrimeReactContext),a=z.getProps(e,o),m=u.useRef(null),g=u.useRef(),y=u.useRef({}),h=u.useRef(null),b=u.useRef(null),v=u.useRef(null),w=u.useRef(null),j=u.useRef(null),E=u.useRef(null),x=u.useRef(null),D=u.useRef(null),H=u.useRef(null),C=u.useRef(null),R=S(u.useState([]),2),N=R[0],A=R[1],I=S(u.useState(!1),2),T=I[0],_=I[1],k=null!=a.stateKey,L=a.children&&a.children.length||1,M=function(e,t){return t in e?e[t]:a.children&&[].concat(a.children)[t].props.size||100/L},U={props:a,state:{panelSizes:N,nested:!0===i.DomHandler.getAttribute(m.current&&m.current.parentElement,"data-p-splitter-panel-nested")}},Y=z.setMetaData(P({},U)),B=Y.ptm,K=Y.cx,X=Y.isUnstyled;n.useHandleStyle(z.css.styles,X,{name:"splitter"});var W=S(l.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),J=W[0],F=W[1],$=S(l.useEventListener({type:"mouseup",listener:function(e){ie(e),Q()}}),2),q=$[0],G=$[1],Q=function(){F(),G()},V=function(e,t){return O.getCProp(e,t)},Z=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(a.children[C.current].props&&a.children[C.current].props.minSize&&a.children[C.current].props.minSize>e)&&!(a.children[C.current+1].props&&a.children[C.current+1].props.minSize&&a.children[C.current+1].props.minSize>t)))},ee=u.useCallback((function(){switch(a.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(a.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[a.stateStorage]),te=function(e){ee().setItem(a.stateKey,JSON.stringify(e))},re=u.useCallback((function(){var e=ee().getItem(a.stateKey);e&&A(JSON.parse(e))}),[ee,a.stateKey]),ne=function(e,t){g.current=y.current[t];var r="touchstart"===e.type?e.touches[0].pageX:e.pageX,n="touchstart"===e.type?e.touches[0].pageY:e.pageY;h.current="horizontal"===a.layout?i.DomHandler.getWidth(m.current):i.DomHandler.getHeight(m.current),b.current=!0,v.current="horizontal"===a.layout?r:n,w.current=g.current.previousElementSibling,j.current=g.current.nextElementSibling,E.current=100*("horizontal"===a.layout?i.DomHandler.getOuterWidth(w.current,!0):i.DomHandler.getOuterHeight(w.current,!0))/h.current,x.current=E.current,D.current=100*("horizontal"===a.layout?i.DomHandler.getOuterWidth(j.current,!0):i.DomHandler.getOuterHeight(j.current,!0))/h.current,H.current=D.current,C.current=t,!X()&&i.DomHandler.addClass(g.current,"p-splitter-gutter-resizing"),g.current.setAttribute("data-p-splitter-gutter-resizing",!0),!X()&&i.DomHandler.addClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r=E.current+(t="horizontal"===a.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*v.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*v.current/h.current),n=D.current-t;Z(r,n)&&(x.current=r,H.current=n,w.current.style.flexBasis="calc("+r+"% - "+(a.children.length-1)*a.gutterSize+"px)",j.current.style.flexBasis="calc("+n+"% - "+(a.children.length-1)*a.gutterSize+"px)")},ie=function(e){A((function(t){for(var r=[],n=0;n<a.children.length;n++)r[n]=M(t,n);return r[C.current]=x.current,r[C.current+1]=H.current,a.onResizeEnd&&a.onResizeEnd({originalEvent:e,sizes:r}),k&&te(r),r})),!X()&&i.DomHandler.removeClass(g.current,"p-splitter-gutter-resizing"),g.current.setAttribute("data-p-splitter-gutter-resizing",!1),!X()&&i.DomHandler.removeClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!1),b.current=!1,h.current=null,v.current=null,w.current=null,j.current=null,E.current=null,x.current=null,D.current=null,H.current=null,C.current=null},oe=function(e,t){ne(e,t),J(),q()},ue=function(e,t){ne(e,t),window.addEventListener("touchmove",se,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ae)},se=function(e){le(e)},ae=function e(t){ie(t),window.removeEventListener("touchmove",se),window.removeEventListener("touchend",e)};u.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return m.current}}})),u.useEffect((function(){var e;(e=m.current.children,c(e)||p(e)||f(e)||d()).filter((function(e){return"splitterpanel.root"===i.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!X()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))}))}),[]),u.useEffect((function(){k&&re()}),[re,k]);var ce=function(e,t){var r=i.classNames(V(e,"className"),K("panel.root")),n=i.mergeProps({ref:function(e){return y.current[t]=e},className:K("gutter"),style:"horizontal"===a.layout?{width:a.gutterSize+"px"}:{height:a.gutterSize+"px"},onMouseDown:function(e){return oe(e,t)},onTouchStart:function(e){return ue(e,t)},onTouchMove:function(e){return se(e)},onTouchEnd:function(e){return ae(e)},"data-p-splitter-gutter-resizing":!1},B("gutter")),l=i.mergeProps({className:K("gutterHandler")},B("gutterHandler")),o=t!==a.children.length-1&&u.createElement("div",n,u.createElement("div",l)),s="calc("+M(N,t)+"% - "+(L-1)*a.gutterSize+"px)",c=i.mergeProps({key:t,id:V(e,"id"),className:r,style:P(P({},V(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},B("splitterpanel.root",{context:{nested:T}}));return u.createElement(u.Fragment,null,u.createElement("div",c,V(e,"children")),o)},pe=i.mergeProps({id:a.id,style:a.style,className:i.classNames(a.className,K("root")),"data-p-splitter-resizing":!1},z.getOtherProps(a),B("root")),fe=u.Children.map(a.children,ce);return u.createElement("div",s({ref:m},pe),fe)})));return j.displayName="SplitterPanel",E.displayName="Splitter",e.Splitter=E,e.SplitterPanel=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n,i,l){"use strict";function o(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=o(t);function s(){return s=Object.assign?Object.assign.bind():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},s.apply(this,arguments)}function a(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 c(e){if(Array.isArray(e))return a(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return a(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)?a(e,t):void 0}}function d(){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 m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function g(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=g(e,"string");return"symbol"===m(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,l,o,u=[],s=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=l.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){a=!0,i=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw i}}return u}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return h(e)||b(e,t)||f(e,t)||v()}var z=n.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return l.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n    \n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n    \n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n    \n    .p-splitter-panel-nested {\n        display: flex;\n    }\n    \n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n    \n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n    \n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n    \n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),O=n.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return l.ObjectUtils.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return l.ObjectUtils.getComponentProp(e,t,O.defaultProps)}});function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){var n,i,l;n=e,l=r[t],(i=y(i=t))in n?Object.defineProperty(n,i,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[i]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=function(){},E=u.memo(u.forwardRef((function(e,t){var o=u.useContext(r.PrimeReactContext),a=z.getProps(e,o),m=u.useRef(null),g=u.useRef(),y=u.useRef({}),h=u.useRef(null),b=u.useRef(null),v=u.useRef(null),w=u.useRef(null),j=u.useRef(null),E=u.useRef(null),x=u.useRef(null),D=u.useRef(null),H=u.useRef(null),C=u.useRef(null),R=S(u.useState([]),2),N=R[0],A=R[1],I=S(u.useState(!1),2),T=I[0],_=I[1],k=null!=a.stateKey,U=a.children&&a.children.length||1,L=function(e,t){return t in e?e[t]:a.children&&[].concat(a.children)[t].props.size||100/U},M={props:a,state:{panelSizes:N,nested:!0===l.DomHandler.getAttribute(m.current&&m.current.parentElement,"data-p-splitter-panel-nested")}},Y=z.setMetaData(P({},M)),B=Y.ptm,K=Y.cx,X=Y.isUnstyled;n.useHandleStyle(z.css.styles,X,{name:"splitter"});var W=S(i.useEventListener({type:"mousemove",listener:function(e){return ie(e)}}),2),J=W[0],F=W[1],$=S(i.useEventListener({type:"mouseup",listener:function(e){le(e),Q()}}),2),q=$[0],G=$[1],Q=function(){F(),G()},V=function(e,t){return O.getCProp(e,t)},Z=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(a.children[C.current].props&&a.children[C.current].props.minSize&&a.children[C.current].props.minSize>e)&&!(a.children[C.current+1].props&&a.children[C.current+1].props.minSize&&a.children[C.current+1].props.minSize>t)))},ee=u.useCallback((function(){switch(a.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(a.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[a.stateStorage]),te=function(e){l.ObjectUtils.isArray(e)&&ee().setItem(a.stateKey,JSON.stringify(e))},re=u.useCallback((function(){var e=ee().getItem(a.stateKey);e&&A(JSON.parse(e))}),[ee,a.stateKey]),ne=function(e,t){g.current=y.current[t];var r="touchstart"===e.type?e.touches[0].pageX:e.pageX,n="touchstart"===e.type?e.touches[0].pageY:e.pageY;h.current="horizontal"===a.layout?l.DomHandler.getWidth(m.current):l.DomHandler.getHeight(m.current),b.current=!0,v.current="horizontal"===a.layout?r:n,w.current=g.current.previousElementSibling,j.current=g.current.nextElementSibling,E.current=100*("horizontal"===a.layout?l.DomHandler.getOuterWidth(w.current,!0):l.DomHandler.getOuterHeight(w.current,!0))/h.current,x.current=E.current,D.current=100*("horizontal"===a.layout?l.DomHandler.getOuterWidth(j.current,!0):l.DomHandler.getOuterHeight(j.current,!0))/h.current,H.current=D.current,C.current=t,!X()&&l.DomHandler.addClass(g.current,"p-splitter-gutter-resizing"),g.current.setAttribute("data-p-splitter-gutter-resizing",!0),!X()&&l.DomHandler.addClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!0)},ie=function(e){var t,r=E.current+(t="horizontal"===a.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*v.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*v.current/h.current),n=D.current-t;Z(r,n)&&(x.current=r,H.current=n,w.current.style.flexBasis="calc("+r+"% - "+(a.children.length-1)*a.gutterSize+"px)",j.current.style.flexBasis="calc("+n+"% - "+(a.children.length-1)*a.gutterSize+"px)")},le=function(e){A((function(t){for(var r=[],n=0;n<a.children.length;n++)r[n]=L(t,n);return r[C.current]=x.current,r[C.current+1]=H.current,a.onResizeEnd&&a.onResizeEnd({originalEvent:e,sizes:r}),k&&te(r),r})),!X()&&l.DomHandler.removeClass(g.current,"p-splitter-gutter-resizing"),g.current.setAttribute("data-p-splitter-gutter-resizing",!1),!X()&&l.DomHandler.removeClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!1),b.current=!1,h.current=null,v.current=null,w.current=null,j.current=null,E.current=null,x.current=null,D.current=null,H.current=null,C.current=null},oe=function(e,t){ne(e,t),J(),q()},ue=function(e,t){ne(e,t),window.addEventListener("touchmove",se,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ae)},se=function(e){ie(e)},ae=function e(t){le(t),window.removeEventListener("touchmove",se),window.removeEventListener("touchend",e)};u.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return m.current}}})),u.useEffect((function(){var e;(e=m.current.children,c(e)||p(e)||f(e)||d()).filter((function(e){return"splitterpanel.root"===l.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&l.ObjectUtils.isNotEmpty(l.DomHandler.find(e,"[data-pc-name='splitter']")&&l.DomHandler.find(e,"[data-pc-section='root']"))&&(!X()&&l.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))}))}),[]),u.useEffect((function(){k&&re()}),[re,k]);var ce=function(e,t){var r=l.classNames(V(e,"className"),K("panel.root")),n=l.mergeProps({ref:function(e){return y.current[t]=e},className:K("gutter"),style:"horizontal"===a.layout?{width:a.gutterSize+"px"}:{height:a.gutterSize+"px"},onMouseDown:function(e){return oe(e,t)},onTouchStart:function(e){return ue(e,t)},onTouchMove:function(e){return se(e)},onTouchEnd:function(e){return ae(e)},"data-p-splitter-gutter-resizing":!1},B("gutter")),i=l.mergeProps({className:K("gutterHandler")},B("gutterHandler")),o=t!==a.children.length-1&&u.createElement("div",n,u.createElement("div",i)),s="calc("+L(N,t)+"% - "+(U-1)*a.gutterSize+"px)",c=l.mergeProps({key:t,id:V(e,"id"),className:r,style:P(P({},V(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},B("splitterpanel.root",{context:{nested:T}}));return u.createElement(u.Fragment,null,u.createElement("div",c,V(e,"children")),o)},pe=l.mergeProps({id:a.id,style:a.style,className:l.classNames(a.className,K("root")),"data-p-splitter-resizing":!1},z.getOtherProps(a),B("root")),fe=u.Children.map(a.children,ce);return u.createElement("div",s({ref:m},pe),fe)})));return j.displayName="SplitterPanel",E.displayName="Splitter",e.Splitter=E,e.SplitterPanel=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/tabview/tabview.cjs.js

@@ -329,14 +329,14 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var getTabProp = function getTabProp(tab, name) {
     return TabPanelBase.getCProp(tab, name);
   };
-  var shouldUseTab = function shouldUseTab(tab, index) {
+  var shouldUseTab = function shouldUseTab(tab) {
     return tab && utils.ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
-      return _i !== index;
+      return _i !== tab.key;
     });
   };
   var findVisibleActiveTab = function findVisibleActiveTab(i) {
     var tabsInfo = React__namespace.Children.map(props.children, function (tab, index) {
-      if (shouldUseTab(tab, index)) {
+      if (shouldUseTab(tab)) {
         return {
           tab: tab,
           index: index
@@ -355,17 +355,21 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   };
   var onTabHeaderClose = function onTabHeaderClose(event, index) {
     event.preventDefault();
+    var onBeforeTabClose = props.onBeforeTabClose,
+      onTabClose = props.onTabClose,
+      children = props.children;
+    var key = children[index].key;
 
     // give caller a chance to stop the selection
-    if (props.onBeforeTabClose && props.onBeforeTabClose({
+    if (onBeforeTabClose && onBeforeTabClose({
       originalEvent: event,
       index: index
     }) === false) {
       return;
     }
-    setHiddenTabsState([].concat(_toConsumableArray(hiddenTabsState), [index]));
-    if (props.onTabClose) {
-      props.onTabClose({
+    setHiddenTabsState([].concat(_toConsumableArray(hiddenTabsState), [key]));
+    if (onTabClose) {
+      onTabClose({
         originalEvent: event,
         index: index
       });
@@ -576,7 +580,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   };
   var createTabHeaders = function createTabHeaders() {
     return React__namespace.Children.map(props.children, function (tab, index) {
-      if (shouldUseTab(tab, index)) {
+      if (shouldUseTab(tab)) {
         return createTabHeader(tab, index);
       }
     });
@@ -607,7 +611,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       style: props.panelContainerStyle
     }, ptm('panelcontainer'));
     var contents = React__namespace.Children.map(props.children, function (tab, index) {
-      if (shouldUseTab(tab, index) && (!props.renderActiveOnly || isSelected(index))) {
+      if (shouldUseTab(tab) && (!props.renderActiveOnly || isSelected(index))) {
         var selected = isSelected(index);
         var contentId = idState + '_content_' + index;
         var ariaLabelledBy = idState + '_header_' + index;