primereact 9.0.0-beta.1 → 9.0.0

package/splitbutton/splitbutton.esm.js

@@ -4,7 +4,7 @@ import { Button } from 'primereact/button';
 import { useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, IconUtils, ObjectUtils, UniqueComponentId, ZIndexUtils, DomHandler } from 'primereact/utils';
+import { ObjectUtils, classNames, IconUtils, UniqueComponentId, ZIndexUtils, DomHandler } from 'primereact/utils';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 
@@ -41,9 +41,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -59,9 +57,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -82,6 +78,44 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var SplitButtonBase = {
+  defaultProps: {
+    __TYPE: 'SplitButton',
+    id: null,
+    label: null,
+    icon: null,
+    loading: false,
+    loadingIcon: 'pi pi-spinner pi-spin',
+    model: null,
+    disabled: null,
+    style: null,
+    className: null,
+    buttonClassName: null,
+    menuStyle: null,
+    menuClassName: null,
+    menuButtonClassName: null,
+    buttonProps: null,
+    menuButtonProps: null,
+    tabIndex: null,
+    appendTo: null,
+    tooltip: null,
+    tooltipOptions: null,
+    buttonTemplate: null,
+    transitionOptions: null,
+    dropdownIcon: 'pi pi-chevron-down',
+    onClick: null,
+    onShow: null,
+    onHide: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, SplitButtonBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, SplitButtonBase.defaultProps);
+  }
+};
+
 var SplitButtonItem = /*#__PURE__*/React.memo(function (props) {
   var onClick = function onClick(e) {
     if (props.menuitem.command) {
@@ -193,7 +227,8 @@ var SplitButtonPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 SplitButtonPanel.displayName = 'SplitButtonPanel';
 
-var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = SplitButtonBase.getProps(inProps);
   var _React$useState = React.useState(props.id),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     idState = _React$useState2[0],
@@ -288,7 +323,7 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return null;
   }
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = ObjectUtils.findDiffKeys(props, SplitButton.defaultProps);
+  var otherProps = SplitButtonBase.getOtherProps(props);
   var className = classNames('p-splitbutton p-component', props.className, {
     'p-disabled': props.disabled
   });
@@ -341,33 +376,5 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   }, props.tooltipOptions)));
 }));
 SplitButton.displayName = 'SplitButton';
-SplitButton.defaultProps = {
-  __TYPE: 'SplitButton',
-  id: null,
-  label: null,
-  icon: null,
-  loading: false,
-  loadingIcon: 'pi pi-spinner pi-spin',
-  model: null,
-  disabled: null,
-  style: null,
-  className: null,
-  buttonClassName: null,
-  menuStyle: null,
-  menuClassName: null,
-  menuButtonClassName: null,
-  buttonProps: null,
-  menuButtonProps: null,
-  tabIndex: null,
-  appendTo: null,
-  tooltip: null,
-  tooltipOptions: null,
-  buttonTemplate: null,
-  transitionOptions: null,
-  dropdownIcon: 'pi pi-chevron-down',
-  onClick: null,
-  onShow: null,
-  onHide: null
-};
 
 export { SplitButton };

package/splitbutton/splitbutton.esm.min.js

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

package/splitbutton/splitbutton.js

@@ -58,9 +58,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -76,9 +74,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -99,6 +95,44 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var SplitButtonBase = {
+    defaultProps: {
+      __TYPE: 'SplitButton',
+      id: null,
+      label: null,
+      icon: null,
+      loading: false,
+      loadingIcon: 'pi pi-spinner pi-spin',
+      model: null,
+      disabled: null,
+      style: null,
+      className: null,
+      buttonClassName: null,
+      menuStyle: null,
+      menuClassName: null,
+      menuButtonClassName: null,
+      buttonProps: null,
+      menuButtonProps: null,
+      tabIndex: null,
+      appendTo: null,
+      tooltip: null,
+      tooltipOptions: null,
+      buttonTemplate: null,
+      transitionOptions: null,
+      dropdownIcon: 'pi pi-chevron-down',
+      onClick: null,
+      onShow: null,
+      onHide: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, SplitButtonBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, SplitButtonBase.defaultProps);
+    }
+  };
+
   var SplitButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
     var onClick = function onClick(e) {
       if (props.menuitem.command) {
@@ -210,7 +244,8 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
   });
   SplitButtonPanel.displayName = 'SplitButtonPanel';
 
-  var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = SplitButtonBase.getProps(inProps);
     var _React$useState = React__namespace.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       idState = _React$useState2[0],
@@ -305,7 +340,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
       return null;
     }
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, SplitButton.defaultProps);
+    var otherProps = SplitButtonBase.getOtherProps(props);
     var className = utils.classNames('p-splitbutton p-component', props.className, {
       'p-disabled': props.disabled
     });
@@ -358,34 +393,6 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
     }, props.tooltipOptions)));
   }));
   SplitButton.displayName = 'SplitButton';
-  SplitButton.defaultProps = {
-    __TYPE: 'SplitButton',
-    id: null,
-    label: null,
-    icon: null,
-    loading: false,
-    loadingIcon: 'pi pi-spinner pi-spin',
-    model: null,
-    disabled: null,
-    style: null,
-    className: null,
-    buttonClassName: null,
-    menuStyle: null,
-    menuClassName: null,
-    menuButtonClassName: null,
-    buttonProps: null,
-    menuButtonProps: null,
-    tabIndex: null,
-    appendTo: null,
-    tooltip: null,
-    tooltipOptions: null,
-    buttonTemplate: null,
-    transitionOptions: null,
-    dropdownIcon: 'pi pi-chevron-down',
-    onClick: null,
-    onShow: null,
-    onHide: null
-  };
 
   exports.SplitButton = SplitButton;
 

package/splitbutton/splitbutton.min.js

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

package/splitter/package.json

@@ -2,5 +2,6 @@
     "main": "./splitter.cjs.js",
     "module": "./splitter.esm.js",
     "unpkg": "./splitter.min.js",
-    "types": "./splitter.d.ts"
+    "types": "./splitter.d.ts",
+    "sideEffects": false
 }

package/splitter/splitter.cjs.js

@@ -84,9 +84,7 @@ function _defineProperty(obj, key, value) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -133,9 +131,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -157,10 +153,51 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var SplitterBase = {
+  defaultProps: {
+    __TYPE: 'Splitter',
+    className: null,
+    gutterSize: 4,
+    id: null,
+    layout: 'horizontal',
+    onResizeEnd: null,
+    stateKey: null,
+    stateStorage: 'session',
+    style: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, SplitterBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, SplitterBase.defaultProps);
+  }
+};
+var SplitterPanelBase = {
+  defaultProps: {
+    __TYPE: 'SplitterPanel',
+    className: null,
+    minSize: null,
+    size: null,
+    style: null,
+    children: undefined
+  },
+  getCProps: function getCProps(panel) {
+    return utils.ObjectUtils.getComponentProps(panel, SplitterPanelBase.defaultProps);
+  },
+  getCOtherProps: function getCOtherProps(panel) {
+    return utils.ObjectUtils.getComponentDiffProps(panel, SplitterPanelBase.defaultProps);
+  },
+  getCProp: function getCProp(panel, name) {
+    return utils.ObjectUtils.getComponentProp(panel, name, SplitterPanelBase.defaultProps);
+  }
+};
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SplitterPanel = function SplitterPanel() {};
-var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = SplitterBase.getProps(inProps);
   var elementRef = React__namespace.useRef(null);
   var gutterRef = React__namespace.useRef();
   var gutterRefs = React__namespace.useRef({});
@@ -210,6 +247,9 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     unbindDocumentMouseMoveListener();
     unbindDocumentMouseUpListener();
   };
+  var getPanelProp = function getPanelProp(panel, name) {
+    return SplitterPanelBase.getCProp(panel, name);
+  };
   var validateResize = function validateResize(newPrevPanelSize, newNextPanelSize) {
     if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;
     if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;
@@ -284,9 +324,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var onResizeEnd = function onResizeEnd(event) {
     setPanelSizes(function (prev) {
       var sizes = [];
-      for (var index = 0; index < props.children.length; index++) {
-        sizes[index] = panelSize(prev, index);
-      }
+      for (var index = 0; index < props.children.length; index++) sizes[index] = panelSize(prev, index);
       sizes[prevPanelIndex.current] = prevPanelSizeNew.current;
       sizes[prevPanelIndex.current + 1] = nextPanelSizeNew.current;
       if (props.onResizeEnd) {
@@ -344,8 +382,8 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (isStateful) restoreState();
   }, [restoreState, isStateful]);
   var createPanel = function createPanel(panel, index) {
-    var otherProps = utils.ObjectUtils.findDiffKeys(panel.props, SplitterPanel.defaultProps);
-    var panelClassName = utils.classNames('p-splitter-panel', panel.props.className);
+    var otherProps = SplitterPanelBase.getCOtherProps(panel);
+    var panelClassName = utils.classNames('p-splitter-panel', getPanelProp(panel, 'className'));
     var gutterStyle = props.layout === 'horizontal' ? {
       width: props.gutterSize + 'px'
     } : {
@@ -376,15 +414,15 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
       key: index,
       className: panelClassName,
-      style: _objectSpread(_objectSpread({}, panel.props.style), {}, {
+      style: _objectSpread(_objectSpread({}, getPanelProp(panel, 'style')), {}, {
         flexBasis: flexBasis
       })
-    }, otherProps), panel.props.children), gutter);
+    }, otherProps), getPanelProp(panel, 'children')), gutter);
   };
   var createPanels = function createPanels() {
     return React__namespace.Children.map(props.children, createPanel);
   };
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, Splitter.defaultProps);
+  var otherProps = SplitterBase.getOtherProps(props);
   var className = utils.classNames("p-splitter p-component p-splitter-".concat(props.layout), props.className);
   var panels = createPanels();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -395,25 +433,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   }, otherProps), panels);
 }));
 SplitterPanel.displayName = 'SplitterPanel';
-SplitterPanel.defaultProps = {
-  __TYPE: 'SplitterPanel',
-  className: null,
-  minSize: null,
-  size: null,
-  style: null
-};
 Splitter.displayName = 'Splitter';
-Splitter.defaultProps = {
-  __TYPE: 'Splitter',
-  className: null,
-  gutterSize: 4,
-  id: null,
-  layout: 'horizontal',
-  onResizeEnd: null,
-  stateKey: null,
-  stateStorage: 'session',
-  style: null
-};
 
 exports.Splitter = Splitter;
 exports.SplitterPanel = SplitterPanel;

package/splitter/splitter.cjs.min.js

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

package/splitter/splitter.d.ts

@@ -2,7 +2,7 @@
  *
  * Splitter is utilized to separate and resize panels.
  *
- * [Live Demo](https://www.primefaces.org/primereact/splitter/)
+ * [Live Demo](https://www.primereact.org/splitter/)
  *
  * Helper Components:
  *
@@ -104,9 +104,9 @@ export interface SplitterProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
  *
  * _Splitter is utilized to separate and resize panels._
  *
- * [Live Demo](https://www.primefaces.org/primereact/splitter/)
+ * [Live Demo](https://www.primereact.org/splitter/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */