primereact 9.0.0-beta.1 → 9.0.0

package/speeddial/speeddial.esm.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Button } from 'primereact/button';
 import { useEventListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
-import { DomHandler, ObjectUtils, classNames, IconUtils } from 'primereact/utils';
+import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -78,9 +78,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 {
@@ -96,9 +94,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;
 }
 
@@ -119,10 +115,49 @@ function _slicedToArray(arr, i) {
   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 ObjectUtils.getMergedProps(props, SpeedDialBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return 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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var _classNames2;
+  var props = SpeedDialBase.getProps(inProps);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -383,7 +418,7 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }
     return null;
   };
-  var otherProps = ObjectUtils.findDiffKeys(props, SpeedDial.defaultProps);
+  var otherProps = SpeedDialBase.getOtherProps(props);
   var className = 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 = createButton();
   var list = createList();
@@ -396,33 +431,5 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   }, otherProps), button, 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
-};
 
 export { SpeedDial };

package/speeddial/speeddial.esm.min.js

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

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

@@ -2,7 +2,7 @@
  *
  * SplitButton groups a set of commands in an overlay with a default command.
  *
- * [Live Demo](https://www.primefaces.org/primereact/splitbutton/)
+ * [Live Demo](https://www.primereact.org/splitbutton/)
  *
  * @module splitbutton
  *
@@ -124,9 +124,9 @@ export interface SplitButtonProps extends Omit<React.DetailedHTMLProps<React.HTM
  *
  * _SplitButton groups a set of commands in an overlay with a default command._
  *
- * [Live Demo](https://www.primefaces.org/primereact/splitbutton/)
+ * [Live Demo](https://www.primereact.org/splitbutton/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */