primereact 8.7.2 → 9.0.0-beta.1

package/scrolltop/scrolltop.js

@@ -29,14 +29,12 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -47,42 +45,40 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        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) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   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];
     }
-
     return arr2;
   }
 
@@ -105,36 +101,32 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
 
   var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        visibleState = _React$useState2[0],
-        setVisibleState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      visibleState = _React$useState2[0],
+      setVisibleState = _React$useState2[1];
     var scrollElementRef = React__namespace.useRef(null);
     var helperRef = React__namespace.useRef(null);
     var isTargetParent = props.target === 'parent';
-
     var _useEventListener = hooks.useEventListener({
-      target: function target() {
-        return helperRef.current && helperRef.current.parentElement;
-      },
-      type: 'scroll',
-      listener: function listener(event) {
-        checkVisibility(event.currentTarget.scrollTop);
-      }
-    }),
-        _useEventListener2 = _slicedToArray(_useEventListener, 1),
-        bindParentScrollListener = _useEventListener2[0];
-
+        target: function target() {
+          return helperRef.current && helperRef.current.parentElement;
+        },
+        type: 'scroll',
+        listener: function listener(event) {
+          checkVisibility(event.currentTarget.scrollTop);
+        }
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 1),
+      bindParentScrollListener = _useEventListener2[0];
     var _useEventListener3 = hooks.useEventListener({
-      target: 'window',
-      type: 'scroll',
-      listener: function listener() {
-        checkVisibility(utils.DomHandler.getWindowScrollTop());
-      }
-    }),
-        _useEventListener4 = _slicedToArray(_useEventListener3, 1),
-        bindDocumentScrollListener = _useEventListener4[0];
-
+        target: 'window',
+        type: 'scroll',
+        listener: function listener() {
+          checkVisibility(utils.DomHandler.getWindowScrollTop());
+        }
+      }),
+      _useEventListener4 = _slicedToArray(_useEventListener3, 1),
+      bindDocumentScrollListener = _useEventListener4[0];
     var onClick = function onClick() {
       var scrollElement = props.target === 'window' ? window : helperRef.current.parentElement;
       scrollElement.scroll({
@@ -142,24 +134,19 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
         behavior: props.behavior
       });
     };
-
     var checkVisibility = function checkVisibility(scrollY) {
       setVisibleState(scrollY > props.threshold);
     };
-
     var onEnter = function onEnter() {
       utils.ZIndexUtils.set('overlay', scrollElementRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
     };
-
     var onEntered = function onEntered() {
       props.onShow && props.onShow();
     };
-
     var onExited = function onExited() {
       utils.ZIndexUtils.clear(scrollElementRef.current);
       props.onHide && props.onHide();
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,

package/scrolltop/scrolltop.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.scrolltop=function(e,t,n,r,o,l,i){"use strict";function a(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 u=c(t),s=a(n);function p(){return p=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},p.apply(this,arguments)}function f(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,o,l=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw o}}return l}}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 y(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 h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e,t){return f(e)||d(e,t)||y(e,t)||h()}var v=u.memo(u.forwardRef((function(e,t){var n=b(u.useState(!1),2),a=n[0],c=n[1],f=u.useRef(null),d=u.useRef(null),m="parent"===e.target,y=b(o.useEventListener({target:function(){return d.current&&d.current.parentElement},type:"scroll",listener:function(e){g(e.currentTarget.scrollTop)}}),1)[0],h=b(o.useEventListener({target:"window",type:"scroll",listener:function(){g(i.DomHandler.getWindowScrollTop())}}),1)[0],g=function(t){c(t>e.threshold)};u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return elementRef.current}}})),o.useMountEffect((function(){"window"===e.target?h():"parent"===e.target&&y()})),o.useUnmountEffect((function(){i.ZIndexUtils.clear(f.current)}));var w=i.ObjectUtils.findDiffKeys(e,v.defaultProps),E=i.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==e.target},e.className);return u.createElement(u.Fragment,null,u.createElement(r.CSSTransition,{nodeRef:f,classNames:"p-scrolltop",in:a,timeout:{enter:150,exit:150},options:e.transitionOptions,unmountOnExit:!0,onEnter:function(){i.ZIndexUtils.set("overlay",f.current,s.default.autoZIndex,s.default.zIndex.overlay)},onEntered:function(){e.onShow&&e.onShow()},onExited:function(){i.ZIndexUtils.clear(f.current),e.onHide&&e.onHide()}},u.createElement("button",p({ref:f,type:"button",className:E,style:e.style},w,{onClick:function(){("window"===e.target?window:d.current.parentElement).scroll({top:0,behavior:e.behavior})}}),i.IconUtils.getJSXIcon(e.icon,{className:"p-scrolltop-icon"},{props:e}),u.createElement(l.Ripple,null))),m&&u.createElement("span",{ref:d,className:"p-scrolltop-helper"}))})));return v.displayName="ScrollTop",v.defaultProps={__TYPE:"ScrollTop",target:"window",threshold:400,icon:"pi pi-chevron-up",behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null},e.ScrollTop=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.scrolltop=function(e,t,n,r,o,l,i){"use strict";function a(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 u=c(t),s=a(n);function p(){return p=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},p.apply(this,arguments)}function f(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,o,l,i,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,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}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 y(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 h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e,t){return f(e)||d(e,t)||y(e,t)||h()}var v=u.memo(u.forwardRef((function(e,t){var n=b(u.useState(!1),2),a=n[0],c=n[1],f=u.useRef(null),d=u.useRef(null),m="parent"===e.target,y=b(o.useEventListener({target:function(){return d.current&&d.current.parentElement},type:"scroll",listener:function(e){g(e.currentTarget.scrollTop)}}),1)[0],h=b(o.useEventListener({target:"window",type:"scroll",listener:function(){g(i.DomHandler.getWindowScrollTop())}}),1)[0],g=function(t){c(t>e.threshold)};u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return elementRef.current}}})),o.useMountEffect((function(){"window"===e.target?h():"parent"===e.target&&y()})),o.useUnmountEffect((function(){i.ZIndexUtils.clear(f.current)}));var w=i.ObjectUtils.findDiffKeys(e,v.defaultProps),E=i.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==e.target},e.className);return u.createElement(u.Fragment,null,u.createElement(r.CSSTransition,{nodeRef:f,classNames:"p-scrolltop",in:a,timeout:{enter:150,exit:150},options:e.transitionOptions,unmountOnExit:!0,onEnter:function(){i.ZIndexUtils.set("overlay",f.current,s.default.autoZIndex,s.default.zIndex.overlay)},onEntered:function(){e.onShow&&e.onShow()},onExited:function(){i.ZIndexUtils.clear(f.current),e.onHide&&e.onHide()}},u.createElement("button",p({ref:f,type:"button",className:E,style:e.style},w,{onClick:function(){("window"===e.target?window:d.current.parentElement).scroll({top:0,behavior:e.behavior})}}),i.IconUtils.getJSXIcon(e.icon,{className:"p-scrolltop-icon"},{props:e}),u.createElement(l.Ripple,null))),m&&u.createElement("span",{ref:d,className:"p-scrolltop-helper"}))})));return v.displayName="ScrollTop",v.defaultProps={__TYPE:"ScrollTop",target:"window",threshold:400,icon:"pi pi-chevron-up",behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null},e.ScrollTop=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.ripple,primereact.utils);

package/selectbutton/selectbutton.cjs.js

@@ -31,14 +31,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -46,11 +44,9 @@ function _extends() {
 
 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];
   }
-
   return arr2;
 }
 
@@ -84,33 +80,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      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) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -123,10 +119,9 @@ function _slicedToArray(arr, i) {
 
 var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      focusedState = _React$useState2[0],
-      setFocusedState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
   var onClick = function onClick(event) {
     if (props.onClick) {
       props.onClick({
@@ -135,30 +130,24 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
       });
     }
   };
-
   var onFocus = function onFocus() {
     setFocusedState(true);
   };
-
   var onBlur = function onBlur() {
     setFocusedState(false);
   };
-
   var onKeyDown = function onKeyDown(event) {
     var keyCode = event.which;
-
     if (keyCode === 32) {
       onClick(event);
       event.preventDefault();
     }
   };
-
   var createContent = function createContent() {
     return props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-button-label p-c"
     }, props.label);
   };
-
   var className = utils.classNames('p-button p-component', {
     'p-highlight': props.selected,
     'p-disabled': props.disabled,
@@ -181,21 +170,16 @@ SelectButtonItem.displayName = 'SelectButtonItem';
 
 var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
-
   var onOptionClick = function onOptionClick(event) {
     if (props.disabled || isOptionDisabled(event.option)) {
       return;
     }
-
     var selected = isSelected(event.option);
-
     if (selected && !props.unselectable) {
       return;
     }
-
     var optionValue = getOptionValue(event.option);
     var newValue;
-
     if (props.multiple) {
       var currentValue = props.value ? _toConsumableArray(props.value) : [];
       newValue = selected ? currentValue.filter(function (val) {
@@ -204,7 +188,6 @@ var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     } else {
       newValue = selected ? null : optionValue;
     }
-
     if (props.onChange) {
       props.onChange({
         originalEvent: event.originalEvent,
@@ -219,26 +202,20 @@ var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       });
     }
   };
-
   var getOptionLabel = function getOptionLabel(option) {
     return props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option && option['label'] !== undefined ? option['label'] : option;
   };
-
   var getOptionValue = function getOptionValue(option) {
     return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option && option['value'] !== undefined ? option['value'] : option;
   };
-
   var isOptionDisabled = function isOptionDisabled(option) {
     if (props.optionDisabled) {
       return utils.ObjectUtils.isFunction(props.optionDisabled) ? props.optionDisabled(option) : utils.ObjectUtils.resolveFieldData(option, props.optionDisabled);
     }
-
     return option && option['disabled'] !== undefined ? option['disabled'] : false;
   };
-
   var isSelected = function isSelected(option) {
     var optionValue = getOptionValue(option);
-
     if (props.multiple) {
       if (props.value && props.value.length) {
         return props.value.some(function (val) {
@@ -248,10 +225,8 @@ var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     } else {
       return utils.ObjectUtils.equals(props.value, optionValue, props.dataKey);
     }
-
     return false;
   };
-
   var createItems = function createItems() {
     if (props.options && props.options.length) {
       return props.options.map(function (option, index) {
@@ -273,13 +248,14 @@ var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
         });
       });
     }
-
     return null;
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return utils.DomHandler.focusFirstElement(elementRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       }

package/selectbutton/selectbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils"),l=require("primereact/ripple");function r(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 o=r(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 l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function i(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 u(e){if(Array.isArray(e))return i(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return u(e)||s(e)||c(e)||p()}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=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw r}}return o}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=o.memo((function(e){var t,r,a=o.useState(!1),i=(r=2,f(t=a)||b(t,r)||c(t,r)||m()),u=i[1],s=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},p=n.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),d=e.template?n.ObjectUtils.getJSXElement(e.template,e.option):o.createElement("span",{className:"p-button-label p-c"},e.label);return o.createElement("div",{className:p,role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:s,onKeyDown:function(e){32===e.which&&(s(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},d,!e.disabled&&o.createElement(l.Ripple,null))}));v.displayName="SelectButtonItem";var y=o.memo(o.forwardRef((function(e,l){var r=o.useRef(null),i=function(t){if(!e.disabled&&!c(t.option)){var l=p(t.option);if(!l||e.unselectable){var r,o=s(t.option);if(e.multiple){var a=e.value?d(e.value):[];r=l?a.filter((function(t){return!n.ObjectUtils.equals(t,o,e.dataKey)})):[].concat(d(a),[o])}else r=l?null:o;e.onChange&&e.onChange({originalEvent:t.originalEvent,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}})}}},u=function(t){return e.optionLabel?n.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},s=function(t){return e.optionValue?n.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},c=function(t){return e.optionDisabled?n.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):n.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var l=s(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return n.ObjectUtils.equals(t,l,e.dataKey)})):n.ObjectUtils.equals(e.value,l,e.dataKey)};o.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return r.current}}}));var f=n.ObjectUtils.isNotEmpty(e.tooltip),b=n.ObjectUtils.findDiffKeys(e,y.defaultProps),m=n.classNames("p-selectbutton p-buttonset p-component",e.className),g=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||c(t),r=u(t),a=l?null:0,s=p(t);return o.createElement(v,{key:r+"_"+n,label:r,className:t.className,option:t,onClick:i,template:e.itemTemplate,selected:s,tabIndex:a,disabled:l})})):null;return o.createElement(o.Fragment,null,o.createElement("div",a({ref:r,id:e.id,className:m,style:e.style},b,{role:"group"}),g),f&&o.createElement(t.Tooltip,a({target:r,content:e.tooltip},e.tooltipOptions)))})));y.displayName="SelectButton",y.defaultProps={__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null},exports.SelectButton=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils"),l=require("primereact/ripple");function r(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 o=r(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 l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function i(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 u(e){if(Array.isArray(e))return i(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function p(){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 f(e){return u(e)||c(e)||s(e)||p()}function d(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,c=!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){c=!0,r=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw r}}return i}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=o.memo((function(e){var t,r,a=o.useState(!1),i=(r=2,d(t=a)||b(t,r)||s(t,r)||m()),u=i[1],c=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},p=n.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),f=e.template?n.ObjectUtils.getJSXElement(e.template,e.option):o.createElement("span",{className:"p-button-label p-c"},e.label);return o.createElement("div",{className:p,role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:c,onKeyDown:function(e){32===e.which&&(c(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},f,!e.disabled&&o.createElement(l.Ripple,null))}));v.displayName="SelectButtonItem";var y=o.memo(o.forwardRef((function(e,l){var r=o.useRef(null),i=function(t){if(!e.disabled&&!s(t.option)){var l=p(t.option);if(!l||e.unselectable){var r,o=c(t.option);if(e.multiple){var a=e.value?f(e.value):[];r=l?a.filter((function(t){return!n.ObjectUtils.equals(t,o,e.dataKey)})):[].concat(f(a),[o])}else r=l?null:o;e.onChange&&e.onChange({originalEvent:t.originalEvent,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}})}}},u=function(t){return e.optionLabel?n.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},c=function(t){return e.optionValue?n.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},s=function(t){return e.optionDisabled?n.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):n.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var l=c(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return n.ObjectUtils.equals(t,l,e.dataKey)})):n.ObjectUtils.equals(e.value,l,e.dataKey)};o.useImperativeHandle(l,(function(){return{props:e,focus:function(){return n.DomHandler.focusFirstElement(r.current)},getElement:function(){return r.current}}}));var d=n.ObjectUtils.isNotEmpty(e.tooltip),b=n.ObjectUtils.findDiffKeys(e,y.defaultProps),m=n.classNames("p-selectbutton p-buttonset p-component",e.className),g=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||s(t),r=u(t),a=l?null:0,c=p(t);return o.createElement(v,{key:r+"_"+n,label:r,className:t.className,option:t,onClick:i,template:e.itemTemplate,selected:c,tabIndex:a,disabled:l})})):null;return o.createElement(o.Fragment,null,o.createElement("div",a({ref:r,id:e.id,className:m,style:e.style},b,{role:"group"}),g),d&&o.createElement(t.Tooltip,a({target:r,content:e.tooltip},e.tooltipOptions)))})));y.displayName="SelectButton",y.defaultProps={__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null},exports.SelectButton=y;

package/selectbutton/selectbutton.d.ts

@@ -1,42 +1,121 @@
+/**
+ *
+ * SelectButton is used to choose single or multiple items from a list using buttons.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/selectbutton/)
+ *
+ * @module selectbutton
+ *
+ */
 import * as React from 'react';
-import TooltipOptions from '../tooltip/tooltipoptions';
 import { SelectItemOptionsType } from '../selectitem/selectitem';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
+import { FormEvent } from '../ts-helpers';
 
-type SelectButtonOptionDisabledType = string | ((option: any) => boolean);
-
-interface SelectButtonChangeTargetOptions {
-    name: string;
-    id: string;
-    value: any;
-}
-
-interface SelectButtonChangeParams {
-    originalEvent: React.SyntheticEvent;
-    value: any;
-    stopPropagation(): void;
-    preventDefault(): void;
-    target: SelectButtonChangeTargetOptions;
-}
+/**
+ * Custom change event.
+ * @see {@link SelectButtonProps.onChange}
+ * @extends {FormEvent}
+ * @event
+ */
+interface SelectButtonChangeEvent extends FormEvent {}
 
+/**
+ * Defines valid properties in SelectButton component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface SelectButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'unselectable' | 'onChange' | 'ref'> {
-    value?: any;
-    options?: SelectItemOptionsType;
-    optionLabel?: string;
-    optionValue?: string;
-    optionDisabled?: SelectButtonOptionDisabledType;
-    tabIndex?: number;
-    multiple?: boolean;
-    unselectable?: boolean;
-    disabled?: boolean;
-    dataKey?: string;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
-    ariaLabelledBy?: string;
-    itemTemplate?(option: any): React.ReactNode;
-    onChange?(e: SelectButtonChangeParams): void;
-    children?: React.ReactNode;
+    /**
+     * Value of the component.
+     */
+    value?: any | undefined;
+    /**
+     * An array of objects to display as the available options.
+     */
+    options?: SelectItemOptionsType | undefined;
+    /**
+     * Name of the label field of an option when an arbitrary objects instead of SelectItems are used as options.
+     */
+    optionLabel?: string | undefined;
+    /**
+     * Name of the value field of an option when arbitrary objects are used as options instead of SelectItems.
+     */
+    optionValue?: string | undefined;
+    /**
+     * Property name or getter function to use as the disabled flag of an option, defaults to false when not defined.
+     */
+    optionDisabled?: string | ((option: any) => boolean);
+    /**
+     * Index of the element in tabbing order.
+     */
+    tabIndex?: number | undefined;
+    /**
+     * When specified, allows selecting multiple values.
+     * @defaultValue false
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Whether selection can be cleared.
+     * @defaultValue true
+     */
+    unselectable?: boolean | undefined;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * A property to uniquely match the value in options for better performance.
+     */
+    dataKey?: string | undefined;
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     */
+    tooltipOptions?: TooltipOptions | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     */
+    ariaLabelledBy?: string | undefined;
+    /**
+     * Function that gets the option and returns the content.
+     * @param {*} item - Current item
+     */
+    itemTemplate?(item: any): React.ReactNode;
+    /**
+     * Callback to invoke on value change.
+     * @param {SelectButtonChangeEvent} event - Custom change event.
+     */
+    onChange?(event: SelectButtonChangeEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - SelectButton**
+ *
+ * _SelectButton is used to choose single or multiple items from a list using buttons._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/selectbutton/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class SelectButton extends React.Component<SelectButtonProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
+    /**
+     * Used to focus the component.
+     */
+    public focus(): void;
 }