primereact 9.0.0-beta.1 → 9.0.0-rc.1

package/speeddial/speeddial.js

@@ -96,9 +96,7 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
         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 {
@@ -114,9 +112,7 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
 
   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;
   }
 
@@ -137,10 +133,49 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var SpeedDialBase = {
+    defaultProps: {
+      __TYPE: 'SpeedDial',
+      id: null,
+      model: null,
+      visible: false,
+      style: null,
+      className: null,
+      direction: 'up',
+      transitionDelay: 30,
+      type: 'linear',
+      radius: 0,
+      mask: false,
+      disabled: false,
+      hideOnClickOutside: true,
+      buttonStyle: null,
+      buttonClassName: null,
+      buttonTemplate: null,
+      'aria-label': null,
+      maskStyle: null,
+      maskClassName: null,
+      showIcon: 'pi pi-plus',
+      hideIcon: null,
+      rotateAnimation: true,
+      onVisibleChange: null,
+      onClick: null,
+      onShow: null,
+      onHide: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, SpeedDialBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, SpeedDialBase.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 SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var _classNames2;
+    var props = SpeedDialBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -401,7 +436,7 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
       }
       return null;
     };
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, SpeedDial.defaultProps);
+    var otherProps = SpeedDialBase.getOtherProps(props);
     var className = utils.classNames("p-speeddial p-component p-speeddial-".concat(props.type), (_classNames2 = {}, _defineProperty(_classNames2, "p-speeddial-direction-".concat(props.direction), props.type !== 'circle'), _defineProperty(_classNames2, 'p-speeddial-opened', visible), _defineProperty(_classNames2, 'p-disabled', props.disabled), _classNames2), props.className);
     var button$1 = createButton();
     var list = createList();
@@ -414,34 +449,6 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
     }, otherProps), button$1, list), mask);
   }));
   SpeedDial.displayName = 'SpeedDial';
-  SpeedDial.defaultProps = {
-    __TYPE: 'SpeedDial',
-    id: null,
-    model: null,
-    visible: false,
-    style: null,
-    className: null,
-    direction: 'up',
-    transitionDelay: 30,
-    type: 'linear',
-    radius: 0,
-    mask: false,
-    disabled: false,
-    hideOnClickOutside: true,
-    buttonStyle: null,
-    buttonClassName: null,
-    buttonTemplate: null,
-    'aria-label': null,
-    maskStyle: null,
-    maskClassName: null,
-    showIcon: 'pi pi-plus',
-    hideIcon: null,
-    rotateAnimation: true,
-    onVisibleChange: null,
-    onClick: null,
-    onShow: null,
-    onHide: null
-  };
 
   exports.SpeedDial = SpeedDial;
 

package/speeddial/speeddial.min.js

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

package/splitbutton/package.json

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

package/splitbutton/splitbutton.cjs.js

@@ -68,9 +68,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 {
@@ -86,9 +84,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;
 }
 
@@ -109,6 +105,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 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) {
@@ -220,7 +254,8 @@ var SplitButtonPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
 });
 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],
@@ -315,7 +350,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     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
   });
@@ -368,33 +403,5 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   }, 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.cjs.min.js

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

package/splitbutton/splitbutton.d.ts

@@ -126,7 +126,7 @@ export interface SplitButtonProps extends Omit<React.DetailedHTMLProps<React.HTM
  *
  * [Live Demo](https://www.primefaces.org/primereact/splitbutton/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */

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;