primereact 8.7.3 → 9.0.0-rc.1

package/slider/slider.js

@@ -39,9 +39,7 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
 
   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;
   }
 
@@ -88,9 +86,7 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
         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 {
@@ -112,7 +108,34 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var SliderBase = {
+    defaultProps: {
+      __TYPE: 'Slider',
+      id: null,
+      value: null,
+      min: 0,
+      max: 100,
+      orientation: 'horizontal',
+      step: null,
+      range: false,
+      style: null,
+      className: null,
+      disabled: false,
+      tabIndex: 0,
+      onChange: null,
+      onSlideEnd: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, SliderBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, SliderBase.defaultProps);
+    }
+  };
+
+  var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = SliderBase.getProps(inProps);
     var elementRef = React__namespace.useRef(null);
     var handleIndex = React__namespace.useRef(0);
     var sliderHandleClick = React__namespace.useRef(false);
@@ -353,7 +376,7 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
         }
       };
     });
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Slider.defaultProps);
+    var otherProps = SliderBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-slider p-component', props.className, {
       'p-disabled': props.disabled,
@@ -371,22 +394,6 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
     }), content);
   }));
   Slider.displayName = 'Slider';
-  Slider.defaultProps = {
-    __TYPE: 'Slider',
-    id: null,
-    value: null,
-    min: 0,
-    max: 100,
-    orientation: 'horizontal',
-    step: null,
-    range: false,
-    style: null,
-    className: null,
-    disabled: false,
-    tabIndex: 0,
-    onChange: null,
-    onSlideEnd: null
-  };
 
   exports.Slider = Slider;
 

package/slider/slider.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slider=function(e,n,t,r){"use strict";function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var i=a(n);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},l.apply(this,arguments)}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function o(e){if(Array.isArray(e))return u(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,n){if(e){if("string"==typeof e)return u(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)?u(e,n):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,l,u=[],o=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;o=!1}else for(;!(o=(r=i.call(t)).done)&&(u.push(r.value),u.length!==n);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw a}}return u}}function p(){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,n){return m(e)||d(e,n)||s(e,n)||p()}var h=i.memo(i.forwardRef((function(e,n){var a=i.useRef(null),u=i.useRef(0),m=i.useRef(!1),d=i.useRef(!1),p=i.useRef(0),y=i.useRef(0),g=i.useRef(0),b=i.useRef(0),E=e.range?e.value||[e.min,e.max]:e.value||0,w="horizontal"===e.orientation,x="vertical"===e.orientation,S=v(t.useEventListener({type:"mousemove",listener:function(e){return T(e)}}),2),O=S[0],j=S[1],A=v(t.useEventListener({type:"mouseup",listener:function(e){return k(e)}}),2),R=A[0],D=A[1],I=v(t.useEventListener({type:"touchmove",listener:function(e){return T(e)}}),2),N=I[0],P=I[1],C=v(t.useEventListener({type:"touchend",listener:function(e){return k(e)}}),2),M=C[0],_=C[1],L=function(n,t){Y(n,(e.range?E[u.current]:E)+(e.step||1)*t),n.preventDefault()},H=function(n,t){e.disabled||(d.current=!0,K(),m.current=!0,u.current=t)},T=function(e){d.current&&(W(e),e.preventDefault())},k=function(n){d.current&&(d.current=!1,e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:e.value}),j(),D(),P(),_())},z=function(e,n){O(),R(),H(0,n)},F=function(e,n){N(),M(),H(0,n)},U=function(n,t){if(!e.disabled){u.current=t;var r=n.key;"ArrowRight"===r||"ArrowUp"===r?L(n,1):"ArrowLeft"!==r&&"ArrowDown"!==r||L(n,-1)}},K=function(){var e=a.current.getBoundingClientRect();p.current=e.left+r.DomHandler.getWindowScrollLeft(),y.current=e.top+r.DomHandler.getWindowScrollTop(),g.current=a.current.offsetWidth,b.current=a.current.offsetHeight},W=function(n){var t=(w?100*((n.touches?n.touches[0].pageX:n.pageX)-p.current)/g.current:100*(y.current+b.current-(n.touches?n.touches[0].pageY:n.pageY))/b.current)/100*(e.max-e.min)+e.min;if(e.step){var r=e.range?E[u.current]:E,a=t-r;a<0?t=r+Math.ceil(t/e.step-r/e.step)*e.step:a>0&&(t=r+Math.floor(t/e.step-r/e.step)*e.step)}else t=Math.floor(t);return Y(n,t)},Y=function(n,t){var r,a=parseFloat(t.toFixed(10)),i=a;return e.range?(0===u.current?a<e.min?a=e.min:a>E[1]&&(a=E[1]):a>e.max?a=e.max:a<E[0]&&(a=E[0]),(i=o(r=E)||c(r)||s(r)||f())[u.current]=a,e.onChange&&e.onChange({originalEvent:n,value:i})):(a<e.min?a=e.min:a>e.max&&(a=e.max),i=a,e.onChange&&e.onChange({originalEvent:n,value:i})),i},X=function(n,t,a){var o={transition:d.current?"none":null,left:null!==n&&n+"%",bottom:t&&t+"%"},c=r.classNames("p-slider-handle",{"p-slider-handle-start":0===a,"p-slider-handle-end":1===a,"p-slider-handle-active":u.current===a});return i.createElement("span",l({className:c,style:o,tabIndex:e.tabIndex,role:"slider",onMouseDown:function(e){return z(0,a)},onTouchStart:function(e){return F(0,a)},onKeyDown:function(e){return U(e,a)},"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":n||t,"aria-orientation":e.orientation},Q))};i.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return a.current}}}));var B,$,q,G,J=r.ObjectUtils.findDiffKeys(e,h.defaultProps),Q=r.ObjectUtils.reduceKeys(J,r.DomHandler.ARIA_PROPS),V=r.classNames("p-slider p-component",e.className,{"p-disabled":e.disabled,"p-slider-horizontal":w,"p-slider-vertical":x}),Z=e.range?(B=100*(E[0]<e.min?e.min:E[0]-e.min)/(e.max-e.min),$=100*(E[1]>e.max?e.max:E[1]-e.min)/(e.max-e.min),q=w?X(B,null,0):X(null,B,0),G=w?X($,null,1):X(null,$,1),i.createElement(i.Fragment,null,i.createElement("span",{className:"p-slider-range",style:w?{left:B+"%",width:$-B+"%"}:{bottom:B+"%",height:$-B+"%"}}),q,G)):function(){var n;n=E<e.min?e.min:E>e.max?e.max:100*(E-e.min)/(e.max-e.min);var t=w?{width:n+"%"}:{height:n+"%"},r=w?X(n,null,null):X(null,n,null);return i.createElement(i.Fragment,null,i.createElement("span",{className:"p-slider-range",style:t}),r)}();return i.createElement("div",l({ref:a,id:e.id,style:e.style,className:V},J,{onClick:function(n){if(!e.disabled){if(!m.current){K();var t=W(n);e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:t})}m.current=!1}}}),Z)})));return h.displayName="Slider",h.defaultProps={__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null},e.Slider=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.slider=function(e,n,t,r){"use strict";function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var i=a(n);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},l.apply(this,arguments)}function o(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function u(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,n){if(e){if("string"==typeof e)return o(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)?o(e,n):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){if(Array.isArray(e))return e}function m(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,l,o=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(o.push(r.value),o.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}function p(){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,n){return d(e)||m(e,n)||s(e,n)||p()}var h={defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,h.defaultProps)}},g=i.memo(i.forwardRef((function(e,n){var a=h.getProps(e),o=i.useRef(null),d=i.useRef(0),m=i.useRef(!1),p=i.useRef(!1),g=i.useRef(0),y=i.useRef(0),b=i.useRef(0),E=i.useRef(0),w=a.range?a.value||[a.min,a.max]:a.value||0,x="horizontal"===a.orientation,O="vertical"===a.orientation,S=v(t.useEventListener({type:"mousemove",listener:function(e){return U(e)}}),2),j=S[0],P=S[1],A=v(t.useEventListener({type:"mouseup",listener:function(e){return k(e)}}),2),R=A[0],D=A[1],I=v(t.useEventListener({type:"touchmove",listener:function(e){return U(e)}}),2),N=I[0],C=I[1],M=v(t.useEventListener({type:"touchend",listener:function(e){return k(e)}}),2),_=M[0],L=M[1],H=function(e,n){X(e,(a.range?w[d.current]:w)+(a.step||1)*n),e.preventDefault()},T=function(e,n){a.disabled||(p.current=!0,Y(),m.current=!0,d.current=n)},U=function(e){p.current&&(K(e),e.preventDefault())},k=function(e){p.current&&(p.current=!1,a.onSlideEnd&&a.onSlideEnd({originalEvent:e,value:a.value}),P(),D(),C(),L())},z=function(e,n){j(),R(),T(0,n)},F=function(e,n){N(),_(),T(0,n)},W=function(e,n){if(!a.disabled){d.current=n;var t=e.key;"ArrowRight"===t||"ArrowUp"===t?H(e,1):"ArrowLeft"!==t&&"ArrowDown"!==t||H(e,-1)}},Y=function(){var e=o.current.getBoundingClientRect();g.current=e.left+r.DomHandler.getWindowScrollLeft(),y.current=e.top+r.DomHandler.getWindowScrollTop(),b.current=o.current.offsetWidth,E.current=o.current.offsetHeight},K=function(e){var n=(x?100*((e.touches?e.touches[0].pageX:e.pageX)-g.current)/b.current:100*(y.current+E.current-(e.touches?e.touches[0].pageY:e.pageY))/E.current)/100*(a.max-a.min)+a.min;if(a.step){var t=a.range?w[d.current]:w,r=n-t;r<0?n=t+Math.ceil(n/a.step-t/a.step)*a.step:r>0&&(n=t+Math.floor(n/a.step-t/a.step)*a.step)}else n=Math.floor(n);return X(e,n)},X=function(e,n){var t,r=parseFloat(n.toFixed(10)),i=r;return a.range?(0===d.current?r<a.min?r=a.min:r>w[1]&&(r=w[1]):r>a.max?r=a.max:r<w[0]&&(r=w[0]),(i=u(t=w)||c(t)||s(t)||f())[d.current]=r,a.onChange&&a.onChange({originalEvent:e,value:i})):(r<a.min?r=a.min:r>a.max&&(r=a.max),i=r,a.onChange&&a.onChange({originalEvent:e,value:i})),i},B=function(e,n,t){var o={transition:p.current?"none":null,left:null!==e&&e+"%",bottom:n&&n+"%"},u=r.classNames("p-slider-handle",{"p-slider-handle-start":0===t,"p-slider-handle-end":1===t,"p-slider-handle-active":d.current===t});return i.createElement("span",l({className:u,style:o,tabIndex:a.tabIndex,role:"slider",onMouseDown:function(e){return z(0,t)},onTouchStart:function(e){return F(0,t)},onKeyDown:function(e){return W(e,t)},"aria-valuemin":a.min,"aria-valuemax":a.max,"aria-valuenow":e||n,"aria-orientation":a.orientation},V))};i.useImperativeHandle(n,(function(){return{props:a,getElement:function(){return o.current}}}));var $,q,G,J,Q=h.getOtherProps(a),V=r.ObjectUtils.reduceKeys(Q,r.DomHandler.ARIA_PROPS),Z=r.classNames("p-slider p-component",a.className,{"p-disabled":a.disabled,"p-slider-horizontal":x,"p-slider-vertical":O}),ee=a.range?($=100*(w[0]<a.min?a.min:w[0]-a.min)/(a.max-a.min),q=100*(w[1]>a.max?a.max:w[1]-a.min)/(a.max-a.min),G=x?B($,null,0):B(null,$,0),J=x?B(q,null,1):B(null,q,1),i.createElement(i.Fragment,null,i.createElement("span",{className:"p-slider-range",style:x?{left:$+"%",width:q-$+"%"}:{bottom:$+"%",height:q-$+"%"}}),G,J)):function(){var e;e=w<a.min?a.min:w>a.max?a.max:100*(w-a.min)/(a.max-a.min);var n=x?{width:e+"%"}:{height:e+"%"},t=x?B(e,null,null):B(null,e,null);return i.createElement(i.Fragment,null,i.createElement("span",{className:"p-slider-range",style:n}),t)}();return i.createElement("div",l({ref:o,id:a.id,style:a.style,className:Z},Q,{onClick:function(e){if(!a.disabled){if(!m.current){Y();var n=K(e);a.onSlideEnd&&a.onSlideEnd({originalEvent:e,value:n})}m.current=!1}}}),ee)})));return g.displayName="Slider",e.Slider=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);

package/speeddial/package.json

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

package/speeddial/speeddial.cjs.js

@@ -102,9 +102,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 {
@@ -120,9 +118,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;
 }
 
@@ -143,10 +139,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 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],
@@ -407,7 +442,7 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     }
     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();
@@ -420,33 +455,5 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   }, 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.cjs.min.js

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

package/speeddial/speeddial.d.ts

@@ -1,49 +1,178 @@
+/**
+ *
+ * When pressed, a floating action button can display multiple primary actions that can be performed on a page.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/speeddial/)
+ *
+ * @module speeddial
+ *
+ */
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
 import { IconType } from '../utils';
 
-type SpeedDialDirectionType = 'up' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'down-left' | 'down-right';
-
-type SpeedDialType = 'linear' | 'circle' | 'semi-circle' | 'quarter-circle';
-
-type SpeedDialButtonTemplateType = React.ReactNode | ((options: SpeedDialButtonOptions) => React.ReactNode);
-
+/**
+ * @group Misc
+ */
 interface SpeedDialButtonOptions {
+    /**
+     * Fired when the button element clicked.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event.
+     */
     onClick?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Style class of the element.
+     */
     className: string;
+    /**
+     * Icon Classname of the element.
+     */
     iconClassName: string;
+    /**
+     * Default element created by the component.
+     */
     element: JSX.Element;
+    /**
+     * Properties passed to the component.
+     */
     props: SpeedDialProps;
+    /**
+     * Whether the overlay is opened.
+     */
     visible: boolean;
 }
 
+/**
+ * Defines valid properties in SpeedDial component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface SpeedDialProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+    /**
+     * MenuModel instance to define the action items.
+     */
     model?: MenuItem[];
-    visible?: boolean;
-    direction?: SpeedDialDirectionType;
-    transitionDelay?: number;
-    type?: SpeedDialType;
-    radius?: number;
-    mask?: boolean;
-    disabled?: boolean;
-    hideOnClickOutside?: boolean;
+    /**
+     * Specifies the visibility of the overlay.
+     * @defaultValue false
+     */
+    visible?: boolean | undefined;
+    /**
+     * Specifies the opening direction of actions. Valid values are 'up', 'down', 'left', 'right', 'up-left', 'up-right', 'down-left' and 'down-right'
+     * @defaultValue up
+     */
+    direction?: 'up' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'down-left' | 'down-right' | undefined;
+    /**
+     * Transition delay step for each action item.
+     * @defaultValue 30
+     */
+    transitionDelay?: number | undefined;
+    /**
+     * Specifies the opening type of actions.
+     * @defaultValue linear
+     */
+    type?: 'linear' | 'circle' | 'semi-circle' | 'quarter-circle' | undefined;
+    /**
+     * Radius for *circle types.
+     * @defaultValue 0
+     */
+    radius?: number | undefined;
+    /**
+     * Whether to show a mask element behind the speeddial.
+     * @defaultValue false
+     */
+    mask?: boolean | undefined;
+    /**
+     * Whether the component is disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Whether the actions close when clicked outside.
+     * @defaultValue true
+     */
+    hideOnClickOutside?: boolean | undefined;
+    /**
+     * Inline style of the button element.
+     */
     buttonStyle?: React.CSSProperties;
-    buttonClassName?: string;
-    buttonTemplate?: SpeedDialButtonTemplateType;
-    maskStyle?: React.CSSProperties;
-    maskClassName?: string;
+    /**
+     * Style class of the button element.
+     */
+    buttonClassName?: string | undefined;
+    /**
+     * Template of button element.
+     */
+    buttonTemplate?: React.ReactNode | ((options: SpeedDialButtonOptions) => React.ReactNode);
+    /**
+     * Inline style of the mask element.
+     */
+    maskStyle?: React.CSSProperties | undefined;
+    /**
+     * Style class of the mask element.
+     */
+    maskClassName?: string | undefined;
+    /**
+     * Show icon of the button element.
+     * @defaultValue pi pi-plus
+     */
     showIcon?: IconType<SpeedDialProps>;
+    /**
+     * Hide icon of the button element.
+     */
     hideIcon?: IconType<SpeedDialProps>;
-    rotateAnimation?: boolean;
+    /**
+     * Defined to rotate showIcon when hideIcon is not present.
+     * @defaultValue true
+     */
+    rotateAnimation?: boolean | undefined;
+    /**
+     * Fired when the visibility of element changed.
+     * @param {boolean} visible - Custom visible change event
+     */
     onVisibleChange?(visible: boolean): void;
+    /**
+     * Fired when the button element clicked.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event.
+     */
     onClick?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Fired when the actions are visible.
+     */
     onShow?(): void;
+    /**
+     * Fired when the actions are hidden.
+     */
     onHide?(): void;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - SpeedDial**
+ *
+ * _When pressed, a floating action button can display multiple primary actions that can be performed on a page._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/speeddial/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class SpeedDial extends React.Component<SpeedDialProps, any> {
+    /**
+     * Used to show the popup.
+     */
     public show(): void;
+    /**
+     * Used to hide the popup.
+     */
     public hide(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

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 };