primereact 8.7.2 → 9.0.0-beta.1

package/selectbutton/selectbutton.esm.js

@@ -1,20 +1,18 @@
 import * as React from 'react';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, ObjectUtils } from 'primereact/utils';
+import { classNames, ObjectUtils, DomHandler } from 'primereact/utils';
 import { Ripple } from 'primereact/ripple';
 
 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);
@@ -22,11 +20,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;
 }
 
@@ -60,33 +56,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() {
@@ -99,10 +95,9 @@ function _slicedToArray(arr, i) {
 
 var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.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({
@@ -111,30 +106,24 @@ var SelectButtonItem = /*#__PURE__*/React.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 ? ObjectUtils.getJSXElement(props.template, props.option) : /*#__PURE__*/React.createElement("span", {
       className: "p-button-label p-c"
     }, props.label);
   };
-
   var className = classNames('p-button p-component', {
     'p-highlight': props.selected,
     'p-disabled': props.disabled,
@@ -157,21 +146,16 @@ SelectButtonItem.displayName = 'SelectButtonItem';
 
 var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.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) {
@@ -180,7 +164,6 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     } else {
       newValue = selected ? null : optionValue;
     }
-
     if (props.onChange) {
       props.onChange({
         originalEvent: event.originalEvent,
@@ -195,26 +178,20 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       });
     }
   };
-
   var getOptionLabel = function getOptionLabel(option) {
     return props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : option && option['label'] !== undefined ? option['label'] : option;
   };
-
   var getOptionValue = function getOptionValue(option) {
     return props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : option && option['value'] !== undefined ? option['value'] : option;
   };
-
   var isOptionDisabled = function isOptionDisabled(option) {
     if (props.optionDisabled) {
       return ObjectUtils.isFunction(props.optionDisabled) ? props.optionDisabled(option) : 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) {
@@ -224,10 +201,8 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     } else {
       return 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) {
@@ -249,13 +224,14 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
         });
       });
     }
-
     return null;
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return DomHandler.focusFirstElement(elementRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       }

package/selectbutton/selectbutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{classNames as n,ObjectUtils as l}from"primereact/utils";import{Ripple as o}from"primereact/ripple";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 r(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 i(e){if(Array.isArray(e))return r(e)}function u(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 r(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)?r(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 c(e){return i(e)||u(e)||s(e)||p()}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 l,o,a=[],r=!0,i=!1;try{for(n=n.call(e);!(r=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(i)throw o}}return a}}function f(){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 b=e.memo((function(t){var a,r,i=e.useState(!1),u=(r=2,d(a=i)||m(a,r)||s(a,r)||f()),p=u[1],c=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option})},b=n("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":u[0]},t.className),v=t.template?l.getJSXElement(t.template,t.option):e.createElement("span",{className:"p-button-label p-c"},t.label);return e.createElement("div",{className:b,role:"button","aria-label":t.label,"aria-pressed":t.selected,onClick:c,onKeyDown:function(e){32===e.which&&(c(e),e.preventDefault())},tabIndex:t.tabIndex,onFocus:function(){p(!0)},onBlur:function(){p(!1)}},v,!t.disabled&&e.createElement(o,null))}));b.displayName="SelectButtonItem";var v=e.memo(e.forwardRef((function(o,r){var i=e.useRef(null),u=function(e){if(!o.disabled&&!d(e.option)){var t=m(e.option);if(!t||o.unselectable){var n,a=p(e.option);if(o.multiple){var r=o.value?c(o.value):[];n=t?r.filter((function(e){return!l.equals(e,a,o.dataKey)})):[].concat(c(r),[a])}else n=t?null:a;o.onChange&&o.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:o.name,id:o.id,value:n}})}}},s=function(e){return o.optionLabel?l.resolveFieldData(e,o.optionLabel):e&&void 0!==e.label?e.label:e},p=function(e){return o.optionValue?l.resolveFieldData(e,o.optionValue):e&&void 0!==e.value?e.value:e},d=function(e){return o.optionDisabled?l.isFunction(o.optionDisabled)?o.optionDisabled(e):l.resolveFieldData(e,o.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},m=function(e){var t=p(e);return o.multiple?!(!o.value||!o.value.length)&&o.value.some((function(e){return l.equals(e,t,o.dataKey)})):l.equals(o.value,t,o.dataKey)};e.useImperativeHandle(r,(function(){return{props:o,getElement:function(){return i.current}}}));var f=l.isNotEmpty(o.tooltip),y=l.findDiffKeys(o,v.defaultProps),g=n("p-selectbutton p-buttonset p-component",o.className),h=o.options&&o.options.length?o.options.map((function(t,n){var l=o.disabled||d(t),a=s(t),r=l?null:0,i=m(t);return e.createElement(b,{key:a+"_"+n,label:a,className:t.className,option:t,onClick:u,template:o.itemTemplate,selected:i,tabIndex:r,disabled:l})})):null;return e.createElement(e.Fragment,null,e.createElement("div",a({ref:i,id:o.id,className:g,style:o.style},y,{role:"group"}),h),f&&e.createElement(t,a({target:i,content:o.tooltip},o.tooltipOptions)))})));v.displayName="SelectButton",v.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};export{v as SelectButton};
+import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{classNames as n,ObjectUtils as l,DomHandler as o}from"primereact/utils";import{Ripple as r}from"primereact/ripple";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 f(e){return u(e)||s(e)||c(e)||p()}function m(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 l,o,r,a,i=[],u=!0,s=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(l=r.call(n)).done)&&(i.push(l.value),i.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return i}}function b(){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=e.memo((function(t){var o,a,i=e.useState(!1),u=(a=2,m(o=i)||d(o,a)||c(o,a)||b()),s=u[1],p=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option})},f=n("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":u[0]},t.className),v=t.template?l.getJSXElement(t.template,t.option):e.createElement("span",{className:"p-button-label p-c"},t.label);return e.createElement("div",{className:f,role:"button","aria-label":t.label,"aria-pressed":t.selected,onClick:p,onKeyDown:function(e){32===e.which&&(p(e),e.preventDefault())},tabIndex:t.tabIndex,onFocus:function(){s(!0)},onBlur:function(){s(!1)}},v,!t.disabled&&e.createElement(r,null))}));v.displayName="SelectButtonItem";var y=e.memo(e.forwardRef((function(r,i){var u=e.useRef(null),s=function(e){if(!r.disabled&&!m(e.option)){var t=d(e.option);if(!t||r.unselectable){var n,o=p(e.option);if(r.multiple){var a=r.value?f(r.value):[];n=t?a.filter((function(e){return!l.equals(e,o,r.dataKey)})):[].concat(f(a),[o])}else n=t?null:o;r.onChange&&r.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:r.name,id:r.id,value:n}})}}},c=function(e){return r.optionLabel?l.resolveFieldData(e,r.optionLabel):e&&void 0!==e.label?e.label:e},p=function(e){return r.optionValue?l.resolveFieldData(e,r.optionValue):e&&void 0!==e.value?e.value:e},m=function(e){return r.optionDisabled?l.isFunction(r.optionDisabled)?r.optionDisabled(e):l.resolveFieldData(e,r.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},d=function(e){var t=p(e);return r.multiple?!(!r.value||!r.value.length)&&r.value.some((function(e){return l.equals(e,t,r.dataKey)})):l.equals(r.value,t,r.dataKey)};e.useImperativeHandle(i,(function(){return{props:r,focus:function(){return o.focusFirstElement(u.current)},getElement:function(){return u.current}}}));var b=l.isNotEmpty(r.tooltip),g=l.findDiffKeys(r,y.defaultProps),h=n("p-selectbutton p-buttonset p-component",r.className),E=r.options&&r.options.length?r.options.map((function(t,n){var l=r.disabled||m(t),o=c(t),a=l?null:0,i=d(t);return e.createElement(v,{key:o+"_"+n,label:o,className:t.className,option:t,onClick:s,template:r.itemTemplate,selected:i,tabIndex:a,disabled:l})})):null;return e.createElement(e.Fragment,null,e.createElement("div",a({ref:u,id:r.id,className:h,style:r.style},g,{role:"group"}),E),b&&e.createElement(t,a({target:u,content:r.tooltip},r.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};export{y as SelectButton};

package/selectbutton/selectbutton.js

@@ -26,14 +26,12 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
     _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);
@@ -41,11 +39,9 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
 
   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;
   }
 
@@ -79,33 +75,33 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
   }
 
   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() {
@@ -118,10 +114,9 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
 
   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({
@@ -130,30 +125,24 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
         });
       }
     };
-
     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,
@@ -176,21 +165,16 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
 
   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) {
@@ -199,7 +183,6 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
       } else {
         newValue = selected ? null : optionValue;
       }
-
       if (props.onChange) {
         props.onChange({
           originalEvent: event.originalEvent,
@@ -214,26 +197,20 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
         });
       }
     };
-
     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) {
@@ -243,10 +220,8 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
       } 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) {
@@ -268,13 +243,14 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
           });
         });
       }
-
       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.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.selectbutton=function(e,t,n,l,r){"use strict";function a(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=a(t);function i(){return i=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},i.apply(this,arguments)}function u(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 c(e){if(Array.isArray(e))return u(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function d(){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 c(e)||s(e)||p(e)||d()}function b(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 l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function v(){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 y=o.memo((function(e){var t,n,a=o.useState(!1),i=(n=2,b(t=a)||m(t,n)||p(t,n)||v()),u=i[1],c=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},s=l.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),d=e.template?l.ObjectUtils.getJSXElement(e.template,e.option):o.createElement("span",{className:"p-button-label p-c"},e.label);return o.createElement("div",{className:s,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)}},d,!e.disabled&&o.createElement(r.Ripple,null))}));y.displayName="SelectButtonItem";var g=o.memo(o.forwardRef((function(e,t){var r=o.useRef(null),a=function(t){if(!e.disabled&&!s(t.option)){var n=p(t.option);if(!n||e.unselectable){var r,a=c(t.option);if(e.multiple){var o=e.value?f(e.value):[];r=n?o.filter((function(t){return!l.ObjectUtils.equals(t,a,e.dataKey)})):[].concat(f(o),[a])}else r=n?null:a;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?l.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},c=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},s=function(t){return e.optionDisabled?l.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):l.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var n=c(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return l.ObjectUtils.equals(t,n,e.dataKey)})):l.ObjectUtils.equals(e.value,n,e.dataKey)};o.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return r.current}}}));var d=l.ObjectUtils.isNotEmpty(e.tooltip),b=l.ObjectUtils.findDiffKeys(e,g.defaultProps),m=l.classNames("p-selectbutton p-buttonset p-component",e.className),v=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||s(t),r=u(t),i=l?null:0,c=p(t);return o.createElement(y,{key:r+"_"+n,label:r,className:t.className,option:t,onClick:a,template:e.itemTemplate,selected:c,tabIndex:i,disabled:l})})):null;return o.createElement(o.Fragment,null,o.createElement("div",i({ref:r,id:e.id,className:m,style:e.style},b,{role:"group"}),v),d&&o.createElement(n.Tooltip,i({target:r,content:e.tooltip},e.tooltipOptions)))})));return g.displayName="SelectButton",g.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},e.SelectButton=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.selectbutton=function(e,t,n,l,r){"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 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 a=o(t);function i(){return i=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},i.apply(this,arguments)}function u(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 c(e){if(Array.isArray(e))return u(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):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){return c(e)||s(e)||p(e)||f()}function b(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 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 v(){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 y=a.memo((function(e){var t,n,o=a.useState(!1),i=(n=2,b(t=o)||m(t,n)||p(t,n)||v()),u=i[1],c=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},s=l.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),f=e.template?l.ObjectUtils.getJSXElement(e.template,e.option):a.createElement("span",{className:"p-button-label p-c"},e.label);return a.createElement("div",{className:s,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&&a.createElement(r.Ripple,null))}));y.displayName="SelectButtonItem";var g=a.memo(a.forwardRef((function(e,t){var r=a.useRef(null),o=function(t){if(!e.disabled&&!s(t.option)){var n=p(t.option);if(!n||e.unselectable){var r,o=c(t.option);if(e.multiple){var a=e.value?d(e.value):[];r=n?a.filter((function(t){return!l.ObjectUtils.equals(t,o,e.dataKey)})):[].concat(d(a),[o])}else r=n?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?l.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},c=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},s=function(t){return e.optionDisabled?l.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):l.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var n=c(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return l.ObjectUtils.equals(t,n,e.dataKey)})):l.ObjectUtils.equals(e.value,n,e.dataKey)};a.useImperativeHandle(t,(function(){return{props:e,focus:function(){return l.DomHandler.focusFirstElement(r.current)},getElement:function(){return r.current}}}));var f=l.ObjectUtils.isNotEmpty(e.tooltip),b=l.ObjectUtils.findDiffKeys(e,g.defaultProps),m=l.classNames("p-selectbutton p-buttonset p-component",e.className),v=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||s(t),r=u(t),i=l?null:0,c=p(t);return a.createElement(y,{key:r+"_"+n,label:r,className:t.className,option:t,onClick:o,template:e.itemTemplate,selected:c,tabIndex:i,disabled:l})})):null;return a.createElement(a.Fragment,null,a.createElement("div",i({ref:r,id:e.id,className:m,style:e.style},b,{role:"group"}),v),f&&a.createElement(n.Tooltip,i({target:r,content:e.tooltip},e.tooltipOptions)))})));return g.displayName="SelectButton",g.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},e.SelectButton=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils,primereact.ripple);

package/selectitem/selectitem.d.ts

@@ -1,12 +1,46 @@
+/**
+ *
+ * This module contains the interface and types for options in a select component.
+ *
+ * @module selectitem
+ *
+ */
 import { IconType } from '../utils';
 
+/**
+ * Custom options type.
+ * @group Misc
+ */
 export type SelectItemOptionsType = SelectItem[] | any[];
 
+/**
+ * Defines valid properties in SelectItem component.
+ * @group Properties
+ */
 export interface SelectItem {
+    /**
+     * Label of the option.
+     */
     label?: string;
+    /**
+     * Value of the option.
+     */
     value?: any;
+    /**
+     * ClassName of the option.
+     */
     className?: string;
+    /**
+     * Icon to display to the option.
+     */
     icon?: IconType<SelectItem>;
+    /**
+     * Tooltip text of the option. (Not supported)
+     */
     title?: string;
+    /**
+     * Whether the option is disabled or not. (Not supported)
+     * @defaultValue false
+     */
     disabled?: boolean;
 }