primereact 10.5.2 → 10.6.0

package/ripple/ripple.cjs.js

@@ -261,7 +261,9 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       unbindEvents();
     }
   });
-  if (!isRippleActive) return null;
+  if (!isRippleActive) {
+    return null;
+  }
   var rootProps = mergeProps({
     'aria-hidden': true,
     className: utils.classNames(cx('root'))

package/ripple/ripple.esm.js

@@ -234,7 +234,9 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       unbindEvents();
     }
   });
-  if (!isRippleActive) return null;
+  if (!isRippleActive) {
+    return null;
+  }
   var rootProps = mergeProps({
     'aria-hidden': true,
     className: classNames(cx('root'))

package/ripple/ripple.js

@@ -254,7 +254,9 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
         unbindEvents();
       }
     });
-    if (!isRippleActive) return null;
+    if (!isRippleActive) {
+      return null;
+    }
     var rootProps = mergeProps({
       'aria-hidden': true,
       className: utils.classNames(cx('root'))

package/scrollpanel/scrollpanel.cjs.js

@@ -169,9 +169,9 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, re
   var calculateContainerHeight = function calculateContainerHeight() {
     var containerStyles = getComputedStyle(containerRef.current);
     var xBarStyles = getComputedStyle(xBarRef.current);
-    var pureContainerHeight = utils.DomHandler.getHeight(containerRef.current) - parseInt(xBarStyles['height'], 10);
+    var pureContainerHeight = utils.DomHandler.getHeight(containerRef.current) - parseInt(xBarStyles.height, 10);
     if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {
-      if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
+      if (contentRef.current.offsetHeight + parseInt(xBarStyles.height, 10) > parseInt(containerStyles['max-height'], 10)) {
         containerRef.current.style.height = containerStyles['max-height'];
       } else {
         containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';

package/scrollpanel/scrollpanel.esm.js

@@ -145,9 +145,9 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var calculateContainerHeight = function calculateContainerHeight() {
     var containerStyles = getComputedStyle(containerRef.current);
     var xBarStyles = getComputedStyle(xBarRef.current);
-    var pureContainerHeight = DomHandler.getHeight(containerRef.current) - parseInt(xBarStyles['height'], 10);
+    var pureContainerHeight = DomHandler.getHeight(containerRef.current) - parseInt(xBarStyles.height, 10);
     if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {
-      if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
+      if (contentRef.current.offsetHeight + parseInt(xBarStyles.height, 10) > parseInt(containerStyles['max-height'], 10)) {
         containerRef.current.style.height = containerStyles['max-height'];
       } else {
         containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';

package/scrollpanel/scrollpanel.js

@@ -162,9 +162,9 @@ this.primereact.scrollpanel = (function (exports, React, api, componentbase, hoo
     var calculateContainerHeight = function calculateContainerHeight() {
       var containerStyles = getComputedStyle(containerRef.current);
       var xBarStyles = getComputedStyle(xBarRef.current);
-      var pureContainerHeight = utils.DomHandler.getHeight(containerRef.current) - parseInt(xBarStyles['height'], 10);
+      var pureContainerHeight = utils.DomHandler.getHeight(containerRef.current) - parseInt(xBarStyles.height, 10);
       if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {
-        if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
+        if (contentRef.current.offsetHeight + parseInt(xBarStyles.height, 10) > parseInt(containerStyles['max-height'], 10)) {
           containerRef.current.style.height = containerStyles['max-height'];
         } else {
           containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';

package/scrolltop/scrolltop.cjs.js

@@ -233,7 +233,7 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     setVisibleState(scrollY > props.threshold);
   };
   var onEnter = function onEnter() {
-    utils.ZIndexUtils.set('overlay', scrollElementRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
+    utils.ZIndexUtils.set('overlay', scrollElementRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex.overlay || PrimeReact__default["default"].zIndex.overlay);
   };
   var onEntered = function onEntered() {
     props.onShow && props.onShow();
@@ -251,7 +251,11 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     };
   });
   React__namespace.useEffect(function () {
-    if (props.target === 'window') bindDocumentScrollListener();else if (props.target === 'parent') bindParentScrollListener();
+    if (props.target === 'window') {
+      bindDocumentScrollListener();
+    } else if (props.target === 'parent') {
+      bindParentScrollListener();
+    }
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   hooks.useUnmountEffect(function () {

package/scrolltop/scrolltop.esm.js

@@ -206,7 +206,7 @@ var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     setVisibleState(scrollY > props.threshold);
   };
   var onEnter = function onEnter() {
-    ZIndexUtils.set('overlay', scrollElementRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['overlay'] || PrimeReact.zIndex['overlay']);
+    ZIndexUtils.set('overlay', scrollElementRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex.overlay || PrimeReact.zIndex.overlay);
   };
   var onEntered = function onEntered() {
     props.onShow && props.onShow();
@@ -224,7 +224,11 @@ var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     };
   });
   React.useEffect(function () {
-    if (props.target === 'window') bindDocumentScrollListener();else if (props.target === 'parent') bindParentScrollListener();
+    if (props.target === 'window') {
+      bindDocumentScrollListener();
+    } else if (props.target === 'parent') {
+      bindParentScrollListener();
+    }
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   useUnmountEffect(function () {

package/scrolltop/scrolltop.js

@@ -223,7 +223,7 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, componentbase
       setVisibleState(scrollY > props.threshold);
     };
     var onEnter = function onEnter() {
-      utils.ZIndexUtils.set('overlay', scrollElementRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
+      utils.ZIndexUtils.set('overlay', scrollElementRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex.overlay || PrimeReact__default["default"].zIndex.overlay);
     };
     var onEntered = function onEntered() {
       props.onShow && props.onShow();
@@ -241,7 +241,11 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, componentbase
       };
     });
     React__namespace.useEffect(function () {
-      if (props.target === 'window') bindDocumentScrollListener();else if (props.target === 'parent') bindParentScrollListener();
+      if (props.target === 'window') {
+        bindDocumentScrollListener();
+      } else if (props.target === 'parent') {
+        bindParentScrollListener();
+      }
     }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
     hooks.useUnmountEffect(function () {

package/selectbutton/selectbutton.cjs.js

@@ -120,7 +120,7 @@ function _slicedToArray(arr, i) {
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
-    return utils.classNames('p-selectbutton p-buttonset p-component', props.className, {
+    return utils.classNames('p-selectbutton p-button-group p-component', props.className, {
       'p-invalid': props.invalid
     });
   },
@@ -222,17 +222,26 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var changeTabIndexes = function changeTabIndexes(event, direction) {
-    var firstTabableChild, index;
+    var firstTabableChild;
+    var index;
     for (var i = 0; i <= props.elementRef.current.children.length - 1; i++) {
-      if (props.elementRef.current.children[i].getAttribute('tabindex') === '0') firstTabableChild = {
-        elem: props.elementRef.current.children[i],
-        index: i
-      };
+      if (props.elementRef.current.children[i].getAttribute('tabindex') === '0') {
+        firstTabableChild = {
+          elem: props.elementRef.current.children[i],
+          index: i
+        };
+      }
     }
     if (direction === 'prev') {
-      if (firstTabableChild.index === 0) index = props.elementRef.current.children.length - 1;else index = firstTabableChild.index - 1;
+      if (firstTabableChild.index === 0) {
+        index = props.elementRef.current.children.length - 1;
+      } else {
+        index = firstTabableChild.index - 1;
+      }
+    } else if (firstTabableChild.index === props.elementRef.current.children.length - 1) {
+      index = 0;
     } else {
-      if (firstTabableChild.index === props.elementRef.current.children.length - 1) index = 0;else index = firstTabableChild.index + 1;
+      index = firstTabableChild.index + 1;
     }
     props.setFocusedIndex(index);
     props.elementRef.current.children[index].focus();
@@ -323,16 +332,16 @@ 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;
+    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;
+    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;
+    return option && option.disabled !== undefined ? option.disabled : false;
   };
   var isSelected = function isSelected(option) {
     var optionValue = getOptionValue(option);

package/selectbutton/selectbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),l=require("primereact/tooltip"),o=require("primereact/utils"),a=require("primereact/ripple");function i(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=i(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function c(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 p(e){if(Array.isArray(e))return c(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function m(){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 b(e){return p(e)||d(e)||f(e)||m()}function v(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function 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 g(e,t){return v(e)||y(e,t)||f(e,t)||h()}var x=n.ComponentBase.extend({defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,invalid:!1,unselectable:!0,allowEmpty:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return o.classNames("p-selectbutton p-buttonset p-component",t.className,{"p-invalid":t.invalid})},button:function(e){var t=e.itemProps;return o.classNames("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":e.focusedState})},label:"p-button-label p-c"}}}),O=u.memo((function(e){var t,n=g(u.useState(!1),2),l=n[0],i=n[1],s=r.useMergeProps(),c=e.ptm,p=e.cx,d=function(t){return c(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,option:e.option}})},f=function(t,n){e.setFocusedIndex(n),e.onClick&&e.onClick({originalEvent:t,option:e.option})},m=function(e,t){switch(e.code){case"Space":f(e,t),e.preventDefault();break;case"ArrowDown":case"ArrowRight":b(e,"next"),e.preventDefault();break;case"ArrowUp":case"ArrowLeft":b(e,"prev"),e.preventDefault()}},b=function(t,n){for(var r,l,o=0;o<=e.elementRef.current.children.length-1;o++)"0"===e.elementRef.current.children[o].getAttribute("tabindex")&&(r={elem:e.elementRef.current.children[o],index:o});e.setFocusedIndex(l="prev"===n?0===r.index?e.elementRef.current.children.length-1:r.index-1:r.index===e.elementRef.current.children.length-1?0:r.index+1),e.elementRef.current.children[l].focus()},v=(t=s({className:p("label")},d("label")),e.template?o.ObjectUtils.getJSXElement(e.template,e.option):u.createElement("span",t,e.label)),y=s({className:o.classNames(e.className,p("button",{itemProps:e,focusedState:l})),role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:function(t){return f(t,e.index)},onKeyDown:function(t){return m(t,e.index)},tabIndex:e.tabIndex,"aria-disabled":e.disabled,onFocus:function(){i(!0)},onBlur:function(){i(!1)}},d("button"));return u.createElement("div",y,v,!e.disabled&&u.createElement(a.Ripple,null))}));O.displayName="SelectButtonItem";var j=u.memo(u.forwardRef((function(e,a){var i=r.useMergeProps(),c=u.useContext(t.PrimeReactContext),p=x.getProps(e,c),d=g(u.useState(0),2),f=d[0],m=d[1],v=u.useRef(null),y=x.setMetaData({props:p}),h=y.ptm,j=y.cx;n.useHandleStyle(x.css.styles,y.isUnstyled,{name:"selectbutton",styled:!0});var E=function(e){if(!p.disabled&&!D(e.option)){var t=N(e.option);if(!t||p.unselectable&&p.allowEmpty){var n,r=w(e.option);if(p.multiple){var l=p.value?b(p.value):[];n=t?l.filter((function(e){return!o.ObjectUtils.equals(e,r,p.dataKey)})):[].concat(b(l),[r])}else n=t?null:r;p.onChange&&p.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:p.name,id:p.id,value:n}})}}},S=function(e){return p.optionLabel?o.ObjectUtils.resolveFieldData(e,p.optionLabel):e&&void 0!==e.label?e.label:e},w=function(e){return p.optionValue?o.ObjectUtils.resolveFieldData(e,p.optionValue):e&&void 0!==e.value?e.value:e},D=function(e){return p.optionDisabled?o.ObjectUtils.isFunction(p.optionDisabled)?p.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,p.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},N=function(e){var t=w(e);return p.multiple?!(!p.value||!p.value.length)&&p.value.some((function(e){return o.ObjectUtils.equals(e,t,p.dataKey)})):o.ObjectUtils.equals(p.value,t,p.dataKey)};u.useImperativeHandle(a,(function(){return{props:p,focus:function(){return o.DomHandler.focusFirstElement(v.current)},getElement:function(){return v.current}}}));var P=o.ObjectUtils.isNotEmpty(p.tooltip),A=p.options&&p.options.length?p.options.map((function(e,t){var n=p.disabled||D(e),r=S(e),l=p.disabled||t!==f?"-1":"0",o=N(e);return u.createElement(O,{hostName:"SelectButton",key:r+"_"+t,label:r,className:e.className,option:e,setFocusedIndex:m,onClick:E,template:p.itemTemplate,selected:o,tabIndex:l,index:t,disabled:n,ptm:h,cx:j,elementRef:v})})):null,I=i({ref:v,id:p.id,className:j("root"),style:p.style,role:"group"},x.getOtherProps(p),h("root"));return u.createElement(u.Fragment,null,u.createElement("div",I,A,p.children),P&&u.createElement(l.Tooltip,s({target:v,content:p.tooltip,pt:h("tooltip")},p.tooltipOptions)))})));j.displayName="SelectButton",exports.SelectButton=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),l=require("primereact/tooltip"),o=require("primereact/utils"),a=require("primereact/ripple");function i(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=i(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function c(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 p(e){if(Array.isArray(e))return c(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function m(){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 b(e){return p(e)||d(e)||f(e)||m()}function v(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return v(e)||y(e,t)||f(e,t)||g()}var x=n.ComponentBase.extend({defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,invalid:!1,unselectable:!0,allowEmpty:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return o.classNames("p-selectbutton p-button-group p-component",t.className,{"p-invalid":t.invalid})},button:function(e){var t=e.itemProps;return o.classNames("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":e.focusedState})},label:"p-button-label p-c"}}}),O=u.memo((function(e){var t,n=h(u.useState(!1),2),l=n[0],i=n[1],s=r.useMergeProps(),c=e.ptm,p=e.cx,d=function(t){return c(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,option:e.option}})},f=function(t,n){e.setFocusedIndex(n),e.onClick&&e.onClick({originalEvent:t,option:e.option})},m=function(e,t){switch(e.code){case"Space":f(e,t),e.preventDefault();break;case"ArrowDown":case"ArrowRight":b(e,"next"),e.preventDefault();break;case"ArrowUp":case"ArrowLeft":b(e,"prev"),e.preventDefault()}},b=function(t,n){for(var r,l,o=0;o<=e.elementRef.current.children.length-1;o++)"0"===e.elementRef.current.children[o].getAttribute("tabindex")&&(r={elem:e.elementRef.current.children[o],index:o});e.setFocusedIndex(l="prev"===n?0===r.index?e.elementRef.current.children.length-1:r.index-1:r.index===e.elementRef.current.children.length-1?0:r.index+1),e.elementRef.current.children[l].focus()},v=(t=s({className:p("label")},d("label")),e.template?o.ObjectUtils.getJSXElement(e.template,e.option):u.createElement("span",t,e.label)),y=s({className:o.classNames(e.className,p("button",{itemProps:e,focusedState:l})),role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:function(t){return f(t,e.index)},onKeyDown:function(t){return m(t,e.index)},tabIndex:e.tabIndex,"aria-disabled":e.disabled,onFocus:function(){i(!0)},onBlur:function(){i(!1)}},d("button"));return u.createElement("div",y,v,!e.disabled&&u.createElement(a.Ripple,null))}));O.displayName="SelectButtonItem";var j=u.memo(u.forwardRef((function(e,a){var i=r.useMergeProps(),c=u.useContext(t.PrimeReactContext),p=x.getProps(e,c),d=h(u.useState(0),2),f=d[0],m=d[1],v=u.useRef(null),y=x.setMetaData({props:p}),g=y.ptm,j=y.cx;n.useHandleStyle(x.css.styles,y.isUnstyled,{name:"selectbutton",styled:!0});var E=function(e){if(!p.disabled&&!D(e.option)){var t=N(e.option);if(!t||p.unselectable&&p.allowEmpty){var n,r=w(e.option);if(p.multiple){var l=p.value?b(p.value):[];n=t?l.filter((function(e){return!o.ObjectUtils.equals(e,r,p.dataKey)})):[].concat(b(l),[r])}else n=t?null:r;p.onChange&&p.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:p.name,id:p.id,value:n}})}}},S=function(e){return p.optionLabel?o.ObjectUtils.resolveFieldData(e,p.optionLabel):e&&void 0!==e.label?e.label:e},w=function(e){return p.optionValue?o.ObjectUtils.resolveFieldData(e,p.optionValue):e&&void 0!==e.value?e.value:e},D=function(e){return p.optionDisabled?o.ObjectUtils.isFunction(p.optionDisabled)?p.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,p.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},N=function(e){var t=w(e);return p.multiple?!(!p.value||!p.value.length)&&p.value.some((function(e){return o.ObjectUtils.equals(e,t,p.dataKey)})):o.ObjectUtils.equals(p.value,t,p.dataKey)};u.useImperativeHandle(a,(function(){return{props:p,focus:function(){return o.DomHandler.focusFirstElement(v.current)},getElement:function(){return v.current}}}));var P=o.ObjectUtils.isNotEmpty(p.tooltip),A=p.options&&p.options.length?p.options.map((function(e,t){var n=p.disabled||D(e),r=S(e),l=p.disabled||t!==f?"-1":"0",o=N(e);return u.createElement(O,{hostName:"SelectButton",key:r+"_"+t,label:r,className:e.className,option:e,setFocusedIndex:m,onClick:E,template:p.itemTemplate,selected:o,tabIndex:l,index:t,disabled:n,ptm:g,cx:j,elementRef:v})})):null,I=i({ref:v,id:p.id,className:j("root"),style:p.style,role:"group"},x.getOtherProps(p),g("root"));return u.createElement(u.Fragment,null,u.createElement("div",I,A,p.children),P&&u.createElement(l.Tooltip,s({target:v,content:p.tooltip,pt:g("tooltip")},p.tooltipOptions)))})));j.displayName="SelectButton",exports.SelectButton=j;

package/selectbutton/selectbutton.esm.js

@@ -96,7 +96,7 @@ function _slicedToArray(arr, i) {
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
-    return classNames('p-selectbutton p-buttonset p-component', props.className, {
+    return classNames('p-selectbutton p-button-group p-component', props.className, {
       'p-invalid': props.invalid
     });
   },
@@ -198,17 +198,26 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
     }
   };
   var changeTabIndexes = function changeTabIndexes(event, direction) {
-    var firstTabableChild, index;
+    var firstTabableChild;
+    var index;
     for (var i = 0; i <= props.elementRef.current.children.length - 1; i++) {
-      if (props.elementRef.current.children[i].getAttribute('tabindex') === '0') firstTabableChild = {
-        elem: props.elementRef.current.children[i],
-        index: i
-      };
+      if (props.elementRef.current.children[i].getAttribute('tabindex') === '0') {
+        firstTabableChild = {
+          elem: props.elementRef.current.children[i],
+          index: i
+        };
+      }
     }
     if (direction === 'prev') {
-      if (firstTabableChild.index === 0) index = props.elementRef.current.children.length - 1;else index = firstTabableChild.index - 1;
+      if (firstTabableChild.index === 0) {
+        index = props.elementRef.current.children.length - 1;
+      } else {
+        index = firstTabableChild.index - 1;
+      }
+    } else if (firstTabableChild.index === props.elementRef.current.children.length - 1) {
+      index = 0;
     } else {
-      if (firstTabableChild.index === props.elementRef.current.children.length - 1) index = 0;else index = firstTabableChild.index + 1;
+      index = firstTabableChild.index + 1;
     }
     props.setFocusedIndex(index);
     props.elementRef.current.children[index].focus();
@@ -299,16 +308,16 @@ 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;
+    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;
+    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;
+    return option && option.disabled !== undefined ? option.disabled : false;
   };
   var isSelected = function isSelected(option) {
     var optionValue = getOptionValue(option);

package/selectbutton/selectbutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{Tooltip as l}from"primereact/tooltip";import{classNames as a,ObjectUtils as i,DomHandler as u}from"primereact/utils";import{Ripple as c}from"primereact/ripple";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function p(e,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 d(e){if(Array.isArray(e))return p(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function b(){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 v(e){return d(e)||m(e)||f(e)||b()}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return i}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return y(e)||h(e,t)||f(e,t)||g()}var E=n.extend({defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,invalid:!1,unselectable:!0,allowEmpty:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a("p-selectbutton p-buttonset p-component",t.className,{"p-invalid":t.invalid})},button:function(e){var t=e.itemProps;return a("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":e.focusedState})},label:"p-button-label p-c"}}}),S=e.memo((function(t){var n,r=x(e.useState(!1),2),l=r[0],u=r[1],s=o(),p=t.ptm,d=t.cx,m=function(e){return p(e,{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,option:t.option}})},f=function(e,n){t.setFocusedIndex(n),t.onClick&&t.onClick({originalEvent:e,option:t.option})},b=function(e,t){switch(e.code){case"Space":f(e,t),e.preventDefault();break;case"ArrowDown":case"ArrowRight":v(e,"next"),e.preventDefault();break;case"ArrowUp":case"ArrowLeft":v(e,"prev"),e.preventDefault()}},v=function(e,n){for(var r,o,l=0;l<=t.elementRef.current.children.length-1;l++)"0"===t.elementRef.current.children[l].getAttribute("tabindex")&&(r={elem:t.elementRef.current.children[l],index:l});t.setFocusedIndex(o="prev"===n?0===r.index?t.elementRef.current.children.length-1:r.index-1:r.index===t.elementRef.current.children.length-1?0:r.index+1),t.elementRef.current.children[o].focus()},y=(n=s({className:d("label")},m("label")),t.template?i.getJSXElement(t.template,t.option):e.createElement("span",n,t.label)),h=s({className:a(t.className,d("button",{itemProps:t,focusedState:l})),role:"button","aria-label":t.label,"aria-pressed":t.selected,onClick:function(e){return f(e,t.index)},onKeyDown:function(e){return b(e,t.index)},tabIndex:t.tabIndex,"aria-disabled":t.disabled,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},m("button"));return e.createElement("div",h,y,!t.disabled&&e.createElement(c,null))}));S.displayName="SelectButtonItem";var w=e.memo(e.forwardRef((function(n,a){var c=o(),p=e.useContext(t),d=E.getProps(n,p),m=x(e.useState(0),2),f=m[0],b=m[1],y=e.useRef(null),h=E.setMetaData({props:d}),g=h.ptm,w=h.cx;r(E.css.styles,h.isUnstyled,{name:"selectbutton",styled:!0});var D=function(e){if(!d.disabled&&!N(e.option)){var t=O(e.option);if(!t||d.unselectable&&d.allowEmpty){var n,r=I(e.option);if(d.multiple){var o=d.value?v(d.value):[];n=t?o.filter((function(e){return!i.equals(e,r,d.dataKey)})):[].concat(v(o),[r])}else n=t?null:r;d.onChange&&d.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:d.name,id:d.id,value:n}})}}},A=function(e){return d.optionLabel?i.resolveFieldData(e,d.optionLabel):e&&void 0!==e.label?e.label:e},I=function(e){return d.optionValue?i.resolveFieldData(e,d.optionValue):e&&void 0!==e.value?e.value:e},N=function(e){return d.optionDisabled?i.isFunction(d.optionDisabled)?d.optionDisabled(e):i.resolveFieldData(e,d.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},O=function(e){var t=I(e);return d.multiple?!(!d.value||!d.value.length)&&d.value.some((function(e){return i.equals(e,t,d.dataKey)})):i.equals(d.value,t,d.dataKey)};e.useImperativeHandle(a,(function(){return{props:d,focus:function(){return u.focusFirstElement(y.current)},getElement:function(){return y.current}}}));var F=i.isNotEmpty(d.tooltip),R=d.options&&d.options.length?d.options.map((function(t,n){var r=d.disabled||N(t),o=A(t),l=d.disabled||n!==f?"-1":"0",a=O(t);return e.createElement(S,{hostName:"SelectButton",key:o+"_"+n,label:o,className:t.className,option:t,setFocusedIndex:b,onClick:D,template:d.itemTemplate,selected:a,tabIndex:l,index:n,disabled:r,ptm:g,cx:w,elementRef:y})})):null,j=c({ref:y,id:d.id,className:w("root"),style:d.style,role:"group"},E.getOtherProps(d),g("root"));return e.createElement(e.Fragment,null,e.createElement("div",j,R,d.children),F&&e.createElement(l,s({target:y,content:d.tooltip,pt:g("tooltip")},d.tooltipOptions)))})));w.displayName="SelectButton";export{w as SelectButton};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{Tooltip as l}from"primereact/tooltip";import{classNames as a,ObjectUtils as i,DomHandler as u}from"primereact/utils";import{Ripple as c}from"primereact/ripple";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function p(e,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 d(e){if(Array.isArray(e))return p(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function b(){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 v(e){return d(e)||m(e)||f(e)||b()}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return i}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return y(e)||h(e,t)||f(e,t)||g()}var E=n.extend({defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,invalid:!1,unselectable:!0,allowEmpty:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a("p-selectbutton p-button-group p-component",t.className,{"p-invalid":t.invalid})},button:function(e){var t=e.itemProps;return a("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":e.focusedState})},label:"p-button-label p-c"}}}),S=e.memo((function(t){var n,r=x(e.useState(!1),2),l=r[0],u=r[1],s=o(),p=t.ptm,d=t.cx,m=function(e){return p(e,{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,option:t.option}})},f=function(e,n){t.setFocusedIndex(n),t.onClick&&t.onClick({originalEvent:e,option:t.option})},b=function(e,t){switch(e.code){case"Space":f(e,t),e.preventDefault();break;case"ArrowDown":case"ArrowRight":v(e,"next"),e.preventDefault();break;case"ArrowUp":case"ArrowLeft":v(e,"prev"),e.preventDefault()}},v=function(e,n){for(var r,o,l=0;l<=t.elementRef.current.children.length-1;l++)"0"===t.elementRef.current.children[l].getAttribute("tabindex")&&(r={elem:t.elementRef.current.children[l],index:l});t.setFocusedIndex(o="prev"===n?0===r.index?t.elementRef.current.children.length-1:r.index-1:r.index===t.elementRef.current.children.length-1?0:r.index+1),t.elementRef.current.children[o].focus()},y=(n=s({className:d("label")},m("label")),t.template?i.getJSXElement(t.template,t.option):e.createElement("span",n,t.label)),h=s({className:a(t.className,d("button",{itemProps:t,focusedState:l})),role:"button","aria-label":t.label,"aria-pressed":t.selected,onClick:function(e){return f(e,t.index)},onKeyDown:function(e){return b(e,t.index)},tabIndex:t.tabIndex,"aria-disabled":t.disabled,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},m("button"));return e.createElement("div",h,y,!t.disabled&&e.createElement(c,null))}));S.displayName="SelectButtonItem";var w=e.memo(e.forwardRef((function(n,a){var c=o(),p=e.useContext(t),d=E.getProps(n,p),m=x(e.useState(0),2),f=m[0],b=m[1],y=e.useRef(null),h=E.setMetaData({props:d}),g=h.ptm,w=h.cx;r(E.css.styles,h.isUnstyled,{name:"selectbutton",styled:!0});var D=function(e){if(!d.disabled&&!N(e.option)){var t=O(e.option);if(!t||d.unselectable&&d.allowEmpty){var n,r=I(e.option);if(d.multiple){var o=d.value?v(d.value):[];n=t?o.filter((function(e){return!i.equals(e,r,d.dataKey)})):[].concat(v(o),[r])}else n=t?null:r;d.onChange&&d.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:d.name,id:d.id,value:n}})}}},A=function(e){return d.optionLabel?i.resolveFieldData(e,d.optionLabel):e&&void 0!==e.label?e.label:e},I=function(e){return d.optionValue?i.resolveFieldData(e,d.optionValue):e&&void 0!==e.value?e.value:e},N=function(e){return d.optionDisabled?i.isFunction(d.optionDisabled)?d.optionDisabled(e):i.resolveFieldData(e,d.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},O=function(e){var t=I(e);return d.multiple?!(!d.value||!d.value.length)&&d.value.some((function(e){return i.equals(e,t,d.dataKey)})):i.equals(d.value,t,d.dataKey)};e.useImperativeHandle(a,(function(){return{props:d,focus:function(){return u.focusFirstElement(y.current)},getElement:function(){return y.current}}}));var F=i.isNotEmpty(d.tooltip),R=d.options&&d.options.length?d.options.map((function(t,n){var r=d.disabled||N(t),o=A(t),l=d.disabled||n!==f?"-1":"0",a=O(t);return e.createElement(S,{hostName:"SelectButton",key:o+"_"+n,label:o,className:t.className,option:t,setFocusedIndex:b,onClick:D,template:d.itemTemplate,selected:a,tabIndex:l,index:n,disabled:r,ptm:g,cx:w,elementRef:y})})):null,j=c({ref:y,id:d.id,className:w("root"),style:d.style,role:"group"},E.getOtherProps(d),g("root"));return e.createElement(e.Fragment,null,e.createElement("div",j,R,d.children),F&&e.createElement(l,s({target:y,content:d.tooltip,pt:g("tooltip")},d.tooltipOptions)))})));w.displayName="SelectButton";export{w as SelectButton};

package/selectbutton/selectbutton.js

@@ -111,7 +111,7 @@ this.primereact.selectbutton = (function (exports, React, api, componentbase, ho
   var classes = {
     root: function root(_ref) {
       var props = _ref.props;
-      return utils.classNames('p-selectbutton p-buttonset p-component', props.className, {
+      return utils.classNames('p-selectbutton p-button-group p-component', props.className, {
         'p-invalid': props.invalid
       });
     },
@@ -213,17 +213,26 @@ this.primereact.selectbutton = (function (exports, React, api, componentbase, ho
       }
     };
     var changeTabIndexes = function changeTabIndexes(event, direction) {
-      var firstTabableChild, index;
+      var firstTabableChild;
+      var index;
       for (var i = 0; i <= props.elementRef.current.children.length - 1; i++) {
-        if (props.elementRef.current.children[i].getAttribute('tabindex') === '0') firstTabableChild = {
-          elem: props.elementRef.current.children[i],
-          index: i
-        };
+        if (props.elementRef.current.children[i].getAttribute('tabindex') === '0') {
+          firstTabableChild = {
+            elem: props.elementRef.current.children[i],
+            index: i
+          };
+        }
       }
       if (direction === 'prev') {
-        if (firstTabableChild.index === 0) index = props.elementRef.current.children.length - 1;else index = firstTabableChild.index - 1;
+        if (firstTabableChild.index === 0) {
+          index = props.elementRef.current.children.length - 1;
+        } else {
+          index = firstTabableChild.index - 1;
+        }
+      } else if (firstTabableChild.index === props.elementRef.current.children.length - 1) {
+        index = 0;
       } else {
-        if (firstTabableChild.index === props.elementRef.current.children.length - 1) index = 0;else index = firstTabableChild.index + 1;
+        index = firstTabableChild.index + 1;
       }
       props.setFocusedIndex(index);
       props.elementRef.current.children[index].focus();
@@ -314,16 +323,16 @@ this.primereact.selectbutton = (function (exports, React, api, componentbase, ho
       }
     };
     var getOptionLabel = function getOptionLabel(option) {
-      return props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option && option['label'] !== undefined ? option['label'] : 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;
+      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;
+      return option && option.disabled !== undefined ? option.disabled : false;
     };
     var isSelected = function isSelected(option) {
       var optionValue = getOptionValue(option);

package/selectbutton/selectbutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.selectbutton=function(e,t,n,r,l,o,a,i){"use strict";function u(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 s=u(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function p(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 d(e){if(Array.isArray(e))return p(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function b(){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 v(e){return d(e)||f(e)||m(e)||b()}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return y(e)||h(e,t)||m(e,t)||g()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,invalid:!1,unselectable:!0,allowEmpty:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-selectbutton p-buttonset p-component",t.className,{"p-invalid":t.invalid})},button:function(e){var t=e.itemProps;return a.classNames("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":e.focusedState})},label:"p-button-label p-c"}}}),j=s.memo((function(e){var t,n=O(s.useState(!1),2),r=n[0],o=n[1],u=l.useMergeProps(),c=e.ptm,p=e.cx,d=function(t){return c(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,option:e.option}})},f=function(t,n){e.setFocusedIndex(n),e.onClick&&e.onClick({originalEvent:t,option:e.option})},m=function(e,t){switch(e.code){case"Space":f(e,t),e.preventDefault();break;case"ArrowDown":case"ArrowRight":b(e,"next"),e.preventDefault();break;case"ArrowUp":case"ArrowLeft":b(e,"prev"),e.preventDefault()}},b=function(t,n){for(var r,l,o=0;o<=e.elementRef.current.children.length-1;o++)"0"===e.elementRef.current.children[o].getAttribute("tabindex")&&(r={elem:e.elementRef.current.children[o],index:o});e.setFocusedIndex(l="prev"===n?0===r.index?e.elementRef.current.children.length-1:r.index-1:r.index===e.elementRef.current.children.length-1?0:r.index+1),e.elementRef.current.children[l].focus()},v=(t=u({className:p("label")},d("label")),e.template?a.ObjectUtils.getJSXElement(e.template,e.option):s.createElement("span",t,e.label)),y=u({className:a.classNames(e.className,p("button",{itemProps:e,focusedState:r})),role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:function(t){return f(t,e.index)},onKeyDown:function(t){return m(t,e.index)},tabIndex:e.tabIndex,"aria-disabled":e.disabled,onFocus:function(){o(!0)},onBlur:function(){o(!1)}},d("button"));return s.createElement("div",y,v,!e.disabled&&s.createElement(i.Ripple,null))}));j.displayName="SelectButtonItem";var E=s.memo(s.forwardRef((function(e,t){var i=l.useMergeProps(),u=s.useContext(n.PrimeReactContext),p=x.getProps(e,u),d=O(s.useState(0),2),f=d[0],m=d[1],b=s.useRef(null),y=x.setMetaData({props:p}),h=y.ptm,g=y.cx;r.useHandleStyle(x.css.styles,y.isUnstyled,{name:"selectbutton",styled:!0});var E=function(e){if(!p.disabled&&!D(e.option)){var t=N(e.option);if(!t||p.unselectable&&p.allowEmpty){var n,r=w(e.option);if(p.multiple){var l=p.value?v(p.value):[];n=t?l.filter((function(e){return!a.ObjectUtils.equals(e,r,p.dataKey)})):[].concat(v(l),[r])}else n=t?null:r;p.onChange&&p.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:p.name,id:p.id,value:n}})}}},S=function(e){return p.optionLabel?a.ObjectUtils.resolveFieldData(e,p.optionLabel):e&&void 0!==e.label?e.label:e},w=function(e){return p.optionValue?a.ObjectUtils.resolveFieldData(e,p.optionValue):e&&void 0!==e.value?e.value:e},D=function(e){return p.optionDisabled?a.ObjectUtils.isFunction(p.optionDisabled)?p.optionDisabled(e):a.ObjectUtils.resolveFieldData(e,p.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},N=function(e){var t=w(e);return p.multiple?!(!p.value||!p.value.length)&&p.value.some((function(e){return a.ObjectUtils.equals(e,t,p.dataKey)})):a.ObjectUtils.equals(p.value,t,p.dataKey)};s.useImperativeHandle(t,(function(){return{props:p,focus:function(){return a.DomHandler.focusFirstElement(b.current)},getElement:function(){return b.current}}}));var P=a.ObjectUtils.isNotEmpty(p.tooltip),A=p.options&&p.options.length?p.options.map((function(e,t){var n=p.disabled||D(e),r=S(e),l=p.disabled||t!==f?"-1":"0",o=N(e);return s.createElement(j,{hostName:"SelectButton",key:r+"_"+t,label:r,className:e.className,option:e,setFocusedIndex:m,onClick:E,template:p.itemTemplate,selected:o,tabIndex:l,index:t,disabled:n,ptm:h,cx:g,elementRef:b})})):null,I=i({ref:b,id:p.id,className:g("root"),style:p.style,role:"group"},x.getOtherProps(p),h("root"));return s.createElement(s.Fragment,null,s.createElement("div",I,A,p.children),P&&s.createElement(o.Tooltip,c({target:b,content:p.tooltip,pt:h("tooltip")},p.tooltipOptions)))})));return E.displayName="SelectButton",e.SelectButton=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.selectbutton=function(e,t,n,r,l,o,a,i){"use strict";function u(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 c=u(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function p(e,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 d(e){if(Array.isArray(e))return p(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function b(){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 v(e){return d(e)||f(e)||m(e)||b()}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return y(e)||h(e,t)||m(e,t)||g()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,invalid:!1,unselectable:!0,allowEmpty:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-selectbutton p-button-group p-component",t.className,{"p-invalid":t.invalid})},button:function(e){var t=e.itemProps;return a.classNames("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":e.focusedState})},label:"p-button-label p-c"}}}),j=c.memo((function(e){var t,n=O(c.useState(!1),2),r=n[0],o=n[1],u=l.useMergeProps(),s=e.ptm,p=e.cx,d=function(t){return s(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,option:e.option}})},f=function(t,n){e.setFocusedIndex(n),e.onClick&&e.onClick({originalEvent:t,option:e.option})},m=function(e,t){switch(e.code){case"Space":f(e,t),e.preventDefault();break;case"ArrowDown":case"ArrowRight":b(e,"next"),e.preventDefault();break;case"ArrowUp":case"ArrowLeft":b(e,"prev"),e.preventDefault()}},b=function(t,n){for(var r,l,o=0;o<=e.elementRef.current.children.length-1;o++)"0"===e.elementRef.current.children[o].getAttribute("tabindex")&&(r={elem:e.elementRef.current.children[o],index:o});e.setFocusedIndex(l="prev"===n?0===r.index?e.elementRef.current.children.length-1:r.index-1:r.index===e.elementRef.current.children.length-1?0:r.index+1),e.elementRef.current.children[l].focus()},v=(t=u({className:p("label")},d("label")),e.template?a.ObjectUtils.getJSXElement(e.template,e.option):c.createElement("span",t,e.label)),y=u({className:a.classNames(e.className,p("button",{itemProps:e,focusedState:r})),role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:function(t){return f(t,e.index)},onKeyDown:function(t){return m(t,e.index)},tabIndex:e.tabIndex,"aria-disabled":e.disabled,onFocus:function(){o(!0)},onBlur:function(){o(!1)}},d("button"));return c.createElement("div",y,v,!e.disabled&&c.createElement(i.Ripple,null))}));j.displayName="SelectButtonItem";var E=c.memo(c.forwardRef((function(e,t){var i=l.useMergeProps(),u=c.useContext(n.PrimeReactContext),p=x.getProps(e,u),d=O(c.useState(0),2),f=d[0],m=d[1],b=c.useRef(null),y=x.setMetaData({props:p}),h=y.ptm,g=y.cx;r.useHandleStyle(x.css.styles,y.isUnstyled,{name:"selectbutton",styled:!0});var E=function(e){if(!p.disabled&&!D(e.option)){var t=N(e.option);if(!t||p.unselectable&&p.allowEmpty){var n,r=w(e.option);if(p.multiple){var l=p.value?v(p.value):[];n=t?l.filter((function(e){return!a.ObjectUtils.equals(e,r,p.dataKey)})):[].concat(v(l),[r])}else n=t?null:r;p.onChange&&p.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:p.name,id:p.id,value:n}})}}},S=function(e){return p.optionLabel?a.ObjectUtils.resolveFieldData(e,p.optionLabel):e&&void 0!==e.label?e.label:e},w=function(e){return p.optionValue?a.ObjectUtils.resolveFieldData(e,p.optionValue):e&&void 0!==e.value?e.value:e},D=function(e){return p.optionDisabled?a.ObjectUtils.isFunction(p.optionDisabled)?p.optionDisabled(e):a.ObjectUtils.resolveFieldData(e,p.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},N=function(e){var t=w(e);return p.multiple?!(!p.value||!p.value.length)&&p.value.some((function(e){return a.ObjectUtils.equals(e,t,p.dataKey)})):a.ObjectUtils.equals(p.value,t,p.dataKey)};c.useImperativeHandle(t,(function(){return{props:p,focus:function(){return a.DomHandler.focusFirstElement(b.current)},getElement:function(){return b.current}}}));var P=a.ObjectUtils.isNotEmpty(p.tooltip),A=p.options&&p.options.length?p.options.map((function(e,t){var n=p.disabled||D(e),r=S(e),l=p.disabled||t!==f?"-1":"0",o=N(e);return c.createElement(j,{hostName:"SelectButton",key:r+"_"+t,label:r,className:e.className,option:e,setFocusedIndex:m,onClick:E,template:p.itemTemplate,selected:o,tabIndex:l,index:t,disabled:n,ptm:h,cx:g,elementRef:b})})):null,I=i({ref:b,id:p.id,className:g("root"),style:p.style,role:"group"},x.getOtherProps(p),h("root"));return c.createElement(c.Fragment,null,c.createElement("div",I,A,p.children),P&&c.createElement(o.Tooltip,s({target:b,content:p.tooltip,pt:h("tooltip")},p.tooltipOptions)))})));return E.displayName="SelectButton",e.SelectButton=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils,primereact.ripple);

package/sidebar/sidebar.cjs.js

@@ -364,7 +364,7 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   });
   hooks.useUpdateEffect(function () {
     if (maskVisibleState) {
-      utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact__default["default"].zIndex['modal']);
+      utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex.modal || PrimeReact__default["default"].zIndex.modal);
       setVisibleState(true);
     }
   }, [maskVisibleState]);

package/sidebar/sidebar.esm.js

@@ -337,7 +337,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   });
   useUpdateEffect(function () {
     if (maskVisibleState) {
-      ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact.zIndex['modal']);
+      ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex.modal || PrimeReact.zIndex.modal);
       setVisibleState(true);
     }
   }, [maskVisibleState]);

package/sidebar/sidebar.js

@@ -353,7 +353,7 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, componentbase,
     });
     hooks.useUpdateEffect(function () {
       if (maskVisibleState) {
-        utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact__default["default"].zIndex['modal']);
+        utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex.modal || PrimeReact__default["default"].zIndex.modal);
         setVisibleState(true);
       }
     }, [maskVisibleState]);

package/slidemenu/slidemenu.cjs.js

@@ -487,7 +487,7 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   };
   var onEnter = function onEnter() {
     if (props.autoZIndex) {
-      utils.ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
+      utils.ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex.menu || PrimeReact__default["default"].zIndex.menu);
     }
     utils.DomHandler.addStyles(menuRef.current, {
       position: 'absolute',

package/slidemenu/slidemenu.esm.js

@@ -460,7 +460,7 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   var onEnter = function onEnter() {
     if (props.autoZIndex) {
-      ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact.zIndex['menu']);
+      ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex.menu || PrimeReact.zIndex.menu);
     }
     DomHandler.addStyles(menuRef.current, {
       position: 'absolute',

package/slidemenu/slidemenu.js

@@ -475,7 +475,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, componentbase
     };
     var onEnter = function onEnter() {
       if (props.autoZIndex) {
-        utils.ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
+        utils.ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex.menu || PrimeReact__default["default"].zIndex.menu);
       }
       utils.DomHandler.addStyles(menuRef.current, {
         position: 'absolute',

package/slider/slider.cjs.js

@@ -289,10 +289,13 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     dragging.current = true;
     updateDomData();
     sliderHandleClick.current = true;
-    handleIndex.current = index;
-    //event.preventDefault();
+    if (props.range && value[0] === props.max) {
+      handleIndex.current = 0;
+    } else {
+      handleIndex.current = index;
+    }
+    event.preventDefault();
   };
-
   var onDrag = function onDrag(event) {
     if (dragging.current) {
       setValue(event);
@@ -399,12 +402,20 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     if (!pageX || !pageY) {
       return;
     }
-    if (horizontal) handleValue = (pageX - initX.current) * 100 / barWidth.current;else handleValue = (initY.current + barHeight.current - pageY) * 100 / barHeight.current;
+    if (horizontal) {
+      handleValue = (pageX - initX.current) * 100 / barWidth.current;
+    } else {
+      handleValue = (initY.current + barHeight.current - pageY) * 100 / barHeight.current;
+    }
     var newValue = (props.max - props.min) * (handleValue / 100) + props.min;
     if (props.step) {
       var oldValue = props.range ? value[handleIndex.current] : value;
       var diff = newValue - oldValue;
-      if (diff < 0) newValue = oldValue + Math.ceil(newValue / props.step - oldValue / props.step) * props.step;else if (diff > 0) newValue = oldValue + Math.floor(newValue / props.step - oldValue / props.step) * props.step;
+      if (diff < 0) {
+        newValue = oldValue + Math.ceil(newValue / props.step - oldValue / props.step) * props.step;
+      } else if (diff > 0) {
+        newValue = oldValue + Math.floor(newValue / props.step - oldValue / props.step) * props.step;
+      }
     } else {
       newValue = Math.floor(newValue);
     }
@@ -415,9 +426,15 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     var newValue = parsedValue;
     if (props.range) {
       if (handleIndex.current === 0) {
-        if (parsedValue < props.min) parsedValue = props.min;else if (parsedValue > props.max) parsedValue = props.max;
-      } else {
-        if (parsedValue > props.max) parsedValue = props.max;else if (parsedValue < props.min) parsedValue = props.min;
+        if (parsedValue < props.min) {
+          parsedValue = props.min;
+        } else if (parsedValue > props.max) {
+          parsedValue = props.max;
+        }
+      } else if (parsedValue > props.max) {
+        parsedValue = props.max;
+      } else if (parsedValue < props.min) {
+        parsedValue = props.min;
       }
       newValue = _toConsumableArray(value);
       newValue[handleIndex.current] = parsedValue;
@@ -428,7 +445,11 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
         });
       }
     } else {
-      if (parsedValue < props.min) parsedValue = props.min;else if (parsedValue > props.max) parsedValue = props.max;
+      if (parsedValue < props.min) {
+        parsedValue = props.min;
+      } else if (parsedValue > props.max) {
+        parsedValue = props.max;
+      }
       newValue = parsedValue;
       if (props.onChange) {
         props.onChange({
@@ -497,7 +518,13 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   };
   var createSingleSlider = function createSingleSlider() {
     var handleValue;
-    if (value < props.min) handleValue = props.min;else if (value > props.max) handleValue = props.max;else handleValue = (value - props.min) * 100 / (props.max - props.min);
+    if (value < props.min) {
+      handleValue = props.min;
+    } else if (value > props.max) {
+      handleValue = props.max;
+    } else {
+      handleValue = (value - props.min) * 100 / (props.max - props.min);
+    }
     var rangeStyle = horizontal ? {
       width: handleValue + '%'
     } : {