primereact 10.0.2 → 10.0.3

package/scrollpanel/scrollpanel.js

@@ -1,232 +1,248 @@
 this.primereact = this.primereact || {};
 this.primereact.scrollpanel = (function (exports, React, api, hooks, utils, componentbase) {
-    'use strict';
+  'use strict';
 
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
         }
-        n["default"] = e;
-        return Object.freeze(n);
+      });
     }
+    n["default"] = e;
+    return Object.freeze(n);
+  }
 
-    var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-    var ScrollPanelBase = componentbase.ComponentBase.extend({
-      defaultProps: {
-        __TYPE: 'ScrollPanel',
-        id: null,
-        style: null,
-        className: null,
-        children: undefined
-      },
-      css: {
-        classes: {
-          root: function root(_ref) {
-            var props = _ref.props;
-            return utils.classNames('p-scrollpanel p-component', props.className);
-          },
-          wrapper: 'p-scrollpanel-wrapper',
-          content: 'p-scrollpanel-content',
-          barx: 'p-scrollpanel-bar p-scrollpanel-bar-x',
-          bary: 'p-scrollpanel-bar p-scrollpanel-bar-y'
-        },
-        styles: "\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n            \n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: hidden;\n                box-sizing: border-box;\n            }\n            \n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n            \n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n            \n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n            \n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n            \n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n            \n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "
-      }
-    });
+  var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-    var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-      var context = React__namespace.useContext(api.PrimeReactContext);
-      var props = ScrollPanelBase.getProps(inProps, context);
-      var _ScrollPanelBase$setM = ScrollPanelBase.setMetaData({
-          props: props
-        }),
-        ptm = _ScrollPanelBase$setM.ptm,
-        cx = _ScrollPanelBase$setM.cx,
-        isUnstyled = _ScrollPanelBase$setM.isUnstyled;
-      componentbase.useHandleStyle(ScrollPanelBase.css.styles, isUnstyled, {
-        name: 'scrollpanel'
-      });
-      var containerRef = React__namespace.useRef(null);
-      var contentRef = React__namespace.useRef(null);
-      var xBarRef = React__namespace.useRef(null);
-      var yBarRef = React__namespace.useRef(null);
-      var isXBarClicked = React__namespace.useRef(false);
-      var isYBarClicked = React__namespace.useRef(false);
-      var lastPageX = React__namespace.useRef(null);
-      var lastPageY = React__namespace.useRef(null);
-      var scrollXRatio = React__namespace.useRef(null);
-      var scrollYRatio = React__namespace.useRef(null);
-      var frame = React__namespace.useRef(null);
-      var initialized = React__namespace.useRef(false);
-      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);
-        if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {
-          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';
+  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];
           }
         }
-      };
-      var moveBar = function moveBar() {
-        // horizontal scroll
-        var totalWidth = contentRef.current.scrollWidth;
-        var ownWidth = contentRef.current.clientWidth;
-        var bottom = (containerRef.current.clientHeight - xBarRef.current.clientHeight) * -1;
-        scrollXRatio.current = ownWidth / totalWidth;
+      }
+      return target;
+    };
+    return _extends.apply(this, arguments);
+  }
 
-        // vertical scroll
-        var totalHeight = contentRef.current.scrollHeight;
-        var ownHeight = contentRef.current.clientHeight;
-        var right = (containerRef.current.clientWidth - yBarRef.current.clientWidth) * -1;
-        scrollYRatio.current = ownHeight / totalHeight;
-        frame.current = window.requestAnimationFrame(function () {
-          if (scrollXRatio.current >= 1) {
-            utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-hidden');
-          } else {
-            utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-hidden');
-            xBarRef.current.style.cssText = 'width:' + Math.max(scrollXRatio.current * 100, 10) + '%; left:' + contentRef.current.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
-          }
-          if (scrollYRatio.current >= 1) {
-            utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-hidden');
-          } else {
-            utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-hidden');
-            yBarRef.current.style.cssText = 'height:' + Math.max(scrollYRatio.current * 100, 10) + '%; top: calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px);right:' + right + 'px;';
-          }
-        });
-      };
-      var onYBarMouseDown = function onYBarMouseDown(event) {
-        isYBarClicked.current = true;
-        lastPageY.current = event.pageY;
-        utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-grabbed');
-        utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
-        document.addEventListener('mousemove', onDocumentMouseMove);
-        document.addEventListener('mouseup', onDocumentMouseUp);
-        event.preventDefault();
-      };
-      var onXBarMouseDown = function onXBarMouseDown(event) {
-        isXBarClicked.current = true;
-        lastPageX.current = event.pageX;
-        utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-grabbed');
-        utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
-        document.addEventListener('mousemove', onDocumentMouseMove);
-        document.addEventListener('mouseup', onDocumentMouseUp);
-        event.preventDefault();
-      };
-      var onDocumentMouseMove = function onDocumentMouseMove(event) {
-        if (isXBarClicked.current) {
-          onMouseMoveForXBar(event);
-        } else if (isYBarClicked.current) {
-          onMouseMoveForYBar(event);
+  var ScrollPanelBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'ScrollPanel',
+      id: null,
+      style: null,
+      className: null,
+      children: undefined
+    },
+    css: {
+      classes: {
+        root: function root(_ref) {
+          var props = _ref.props;
+          return utils.classNames('p-scrollpanel p-component', props.className);
+        },
+        wrapper: 'p-scrollpanel-wrapper',
+        content: 'p-scrollpanel-content',
+        barx: 'p-scrollpanel-bar p-scrollpanel-bar-x',
+        bary: 'p-scrollpanel-bar p-scrollpanel-bar-y'
+      },
+      styles: "\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n            \n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: auto;\n                box-sizing: border-box;\n            }\n            \n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n            \n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n            \n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n            \n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n            \n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n            \n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "
+    }
+  });
+
+  var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = ScrollPanelBase.getProps(inProps, context);
+    var _ScrollPanelBase$setM = ScrollPanelBase.setMetaData({
+        props: props
+      }),
+      ptm = _ScrollPanelBase$setM.ptm,
+      cx = _ScrollPanelBase$setM.cx,
+      isUnstyled = _ScrollPanelBase$setM.isUnstyled;
+    componentbase.useHandleStyle(ScrollPanelBase.css.styles, isUnstyled, {
+      name: 'scrollpanel'
+    });
+    var containerRef = React__namespace.useRef(null);
+    var contentRef = React__namespace.useRef(null);
+    var xBarRef = React__namespace.useRef(null);
+    var yBarRef = React__namespace.useRef(null);
+    var isXBarClicked = React__namespace.useRef(false);
+    var isYBarClicked = React__namespace.useRef(false);
+    var lastPageX = React__namespace.useRef(null);
+    var lastPageY = React__namespace.useRef(null);
+    var scrollXRatio = React__namespace.useRef(null);
+    var scrollYRatio = React__namespace.useRef(null);
+    var frame = React__namespace.useRef(null);
+    var initialized = React__namespace.useRef(false);
+    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);
+      if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {
+        if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
+          containerRef.current.style.height = containerStyles['max-height'];
         } else {
-          onMouseMoveForXBar(event);
-          onMouseMoveForYBar(event);
+          containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
         }
-      };
-      var onMouseMoveForXBar = function onMouseMoveForXBar(event) {
-        var deltaX = event.pageX - lastPageX.current;
-        lastPageX.current = event.pageX;
-        frame.current = window.requestAnimationFrame(function () {
-          contentRef.current.scrollLeft += deltaX / scrollXRatio.current;
-        });
-      };
-      var onMouseMoveForYBar = function onMouseMoveForYBar(event) {
-        var deltaY = event.pageY - lastPageY.current;
-        lastPageY.current = event.pageY;
-        frame.current = window.requestAnimationFrame(function () {
-          contentRef.current.scrollTop += deltaY / scrollYRatio.current;
-        });
-      };
-      var onDocumentMouseUp = function onDocumentMouseUp(event) {
-        utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-grabbed');
-        utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-grabbed');
-        utils.DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
-        document.removeEventListener('mousemove', onDocumentMouseMove);
-        document.removeEventListener('mouseup', onDocumentMouseUp);
-        isXBarClicked.current = false;
-        isYBarClicked.current = false;
-      };
-      var refresh = function refresh() {
-        moveBar();
-      };
-      hooks.useMountEffect(function () {
-        moveBar();
-        window.addEventListener('resize', moveBar);
-        calculateContainerHeight();
-        initialized.current = true;
-      });
-      hooks.useUnmountEffect(function () {
-        if (initialized.current) {
-          window.removeEventListener('resize', moveBar);
+      }
+    };
+    var moveBar = function moveBar() {
+      // horizontal scroll
+      var totalWidth = contentRef.current.scrollWidth;
+      var ownWidth = contentRef.current.clientWidth;
+      var bottom = (containerRef.current.clientHeight - xBarRef.current.clientHeight) * -1;
+      scrollXRatio.current = ownWidth / totalWidth;
+
+      // vertical scroll
+      var totalHeight = contentRef.current.scrollHeight;
+      var ownHeight = contentRef.current.clientHeight;
+      var right = (containerRef.current.clientWidth - yBarRef.current.clientWidth) * -1;
+      scrollYRatio.current = ownHeight / totalHeight;
+      frame.current = window.requestAnimationFrame(function () {
+        if (scrollXRatio.current >= 1) {
+          utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-hidden');
+        } else {
+          utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-hidden');
+          xBarRef.current.style.cssText = 'width:' + Math.max(scrollXRatio.current * 100, 10) + '%; left:' + contentRef.current.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
         }
-        if (frame.current) {
-          window.cancelAnimationFrame(frame.current);
+        if (scrollYRatio.current >= 1) {
+          utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-hidden');
+        } else {
+          utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-hidden');
+          yBarRef.current.style.cssText = 'height:' + Math.max(scrollYRatio.current * 100, 10) + '%; top: calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px);right:' + right + 'px;';
         }
       });
-      React__namespace.useImperativeHandle(ref, function () {
-        return {
-          props: props,
-          refresh: refresh,
-          getElement: function getElement() {
-            return containerRef.current;
-          },
-          getContent: function getContent() {
-            return contentRef.current;
-          },
-          getXBar: function getXBar() {
-            return xBarRef.current;
-          },
-          getYBar: function getYBar() {
-            return yBarRef.current;
-          }
-        };
+    };
+    var onYBarMouseDown = function onYBarMouseDown(event) {
+      isYBarClicked.current = true;
+      lastPageY.current = event.pageY;
+      utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-grabbed');
+      utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
+      document.addEventListener('mousemove', onDocumentMouseMove);
+      document.addEventListener('mouseup', onDocumentMouseUp);
+      event.preventDefault();
+    };
+    var onXBarMouseDown = function onXBarMouseDown(event) {
+      isXBarClicked.current = true;
+      lastPageX.current = event.pageX;
+      utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-grabbed');
+      utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
+      document.addEventListener('mousemove', onDocumentMouseMove);
+      document.addEventListener('mouseup', onDocumentMouseUp);
+      event.preventDefault();
+    };
+    var onDocumentMouseMove = function onDocumentMouseMove(event) {
+      if (isXBarClicked.current) {
+        onMouseMoveForXBar(event);
+      } else if (isYBarClicked.current) {
+        onMouseMoveForYBar(event);
+      } else {
+        onMouseMoveForXBar(event);
+        onMouseMoveForYBar(event);
+      }
+    };
+    var onMouseMoveForXBar = function onMouseMoveForXBar(event) {
+      var deltaX = event.pageX - lastPageX.current;
+      lastPageX.current = event.pageX;
+      frame.current = window.requestAnimationFrame(function () {
+        contentRef.current.scrollLeft += deltaX / scrollXRatio.current;
       });
-      var rootProps = utils.mergeProps({
-        id: props.id,
-        ref: containerRef,
-        style: props.style,
-        className: cx('root')
-      }, ScrollPanelBase.getOtherProps(props), ptm('root'));
-      var wrapperProps = utils.mergeProps({
-        className: cx('wrapper')
-      }, ptm('wrapper'));
-      var contentProps = utils.mergeProps({
-        className: cx('content'),
-        ref: contentRef,
-        onScroll: moveBar,
-        onMouseEnter: moveBar
-      }, ptm('content'));
-      var barXProps = utils.mergeProps({
-        ref: xBarRef,
-        className: cx('barx'),
-        onMouseDown: onXBarMouseDown
-      }, ptm('barx'));
-      var barYProps = utils.mergeProps({
-        ref: yBarRef,
-        className: cx('bary'),
-        onMouseDown: onYBarMouseDown
-      }, ptm('bary'));
-      return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", wrapperProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children)), /*#__PURE__*/React__namespace.createElement("div", barXProps), /*#__PURE__*/React__namespace.createElement("div", barYProps));
+    };
+    var onMouseMoveForYBar = function onMouseMoveForYBar(event) {
+      var deltaY = event.pageY - lastPageY.current;
+      lastPageY.current = event.pageY;
+      frame.current = window.requestAnimationFrame(function () {
+        contentRef.current.scrollTop += deltaY / scrollYRatio.current;
+      });
+    };
+    var onDocumentMouseUp = function onDocumentMouseUp(event) {
+      utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-grabbed');
+      utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-grabbed');
+      utils.DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
+      document.removeEventListener('mousemove', onDocumentMouseMove);
+      document.removeEventListener('mouseup', onDocumentMouseUp);
+      isXBarClicked.current = false;
+      isYBarClicked.current = false;
+    };
+    var refresh = function refresh() {
+      moveBar();
+    };
+    hooks.useMountEffect(function () {
+      moveBar();
+      window.addEventListener('resize', moveBar);
+      calculateContainerHeight();
+      initialized.current = true;
+    });
+    hooks.useUnmountEffect(function () {
+      if (initialized.current) {
+        window.removeEventListener('resize', moveBar);
+      }
+      if (frame.current) {
+        window.cancelAnimationFrame(frame.current);
+      }
+    });
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        refresh: refresh,
+        getElement: function getElement() {
+          return containerRef.current;
+        },
+        getContent: function getContent() {
+          return contentRef.current;
+        },
+        getXBar: function getXBar() {
+          return xBarRef.current;
+        },
+        getYBar: function getYBar() {
+          return yBarRef.current;
+        }
+      };
     });
-    ScrollPanel.displayName = 'ScrollPanel';
+    var rootProps = utils.mergeProps({
+      id: props.id,
+      ref: containerRef,
+      style: props.style,
+      className: cx('root')
+    }, ScrollPanelBase.getOtherProps(props), ptm('root'));
+    var wrapperProps = utils.mergeProps({
+      className: cx('wrapper')
+    }, ptm('wrapper'));
+    var contentProps = utils.mergeProps({
+      className: cx('content'),
+      onScroll: moveBar,
+      onMouseEnter: moveBar
+    }, ptm('content'));
+    var barXProps = utils.mergeProps({
+      ref: xBarRef,
+      className: cx('barx'),
+      onMouseDown: onXBarMouseDown
+    }, ptm('barx'));
+    var barYProps = utils.mergeProps({
+      ref: yBarRef,
+      className: cx('bary'),
+      onMouseDown: onYBarMouseDown
+    }, ptm('bary'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", wrapperProps, /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: contentRef
+    }, contentProps), props.children)), /*#__PURE__*/React__namespace.createElement("div", barXProps), /*#__PURE__*/React__namespace.createElement("div", barYProps));
+  });
+  ScrollPanel.displayName = 'ScrollPanel';
 
-    exports.ScrollPanel = ScrollPanel;
+  exports.ScrollPanel = ScrollPanel;
 
-    Object.defineProperty(exports, '__esModule', { value: true });
+  Object.defineProperty(exports, '__esModule', { value: true });
 
-    return exports;
+  return exports;
 
 })({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.componentbase);

package/scrollpanel/scrollpanel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.scrollpanel=function(e,r,n,t,l,o){"use strict";function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var c=a(r),s=o.ComponentBase.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){return l.classNames("p-scrollpanel p-component",e.props.className)},wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n            \n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: hidden;\n                box-sizing: border-box;\n            }\n            \n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n            \n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n            \n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n            \n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n            \n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n            \n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),u=c.forwardRef((function(e,r){var a=c.useContext(n.PrimeReactContext),u=s.getProps(e,a),i=s.setMetaData({props:u}),p=i.ptm,d=i.cx;o.useHandleStyle(s.css.styles,i.isUnstyled,{name:"scrollpanel"});var m=c.useRef(null),f=c.useRef(null),h=c.useRef(null),g=c.useRef(null),b=c.useRef(!1),v=c.useRef(!1),x=c.useRef(null),y=c.useRef(null),w=c.useRef(null),H=c.useRef(null),E=c.useRef(null),D=c.useRef(!1),C=function(){var e=f.current.scrollWidth,r=-1*(m.current.clientHeight-h.current.clientHeight);w.current=f.current.clientWidth/e;var n=f.current.scrollHeight,t=-1*(m.current.clientWidth-g.current.clientWidth);H.current=f.current.clientHeight/n,E.current=window.requestAnimationFrame((function(){w.current>=1?l.DomHandler.addClass(h.current,"p-scrollpanel-hidden"):(l.DomHandler.removeClass(h.current,"p-scrollpanel-hidden"),h.current.style.cssText="width:"+Math.max(100*w.current,10)+"%; left:"+f.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),H.current>=1?l.DomHandler.addClass(g.current,"p-scrollpanel-hidden"):(l.DomHandler.removeClass(g.current,"p-scrollpanel-hidden"),g.current.style.cssText="height:"+Math.max(100*H.current,10)+"%; top: calc("+f.current.scrollTop/n*100+"% - "+h.current.clientHeight+"px);right:"+t+"px;")}))},P=function(e){b.current?R(e):(v.current||R(e),L(e))},R=function(e){var r=e.pageX-x.current;x.current=e.pageX,E.current=window.requestAnimationFrame((function(){f.current.scrollLeft+=r/w.current}))},L=function(e){var r=e.pageY-y.current;y.current=e.pageY,E.current=window.requestAnimationFrame((function(){f.current.scrollTop+=r/H.current}))},M=function e(r){l.DomHandler.removeClass(g.current,"p-scrollpanel-grabbed"),l.DomHandler.removeClass(h.current,"p-scrollpanel-grabbed"),l.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",P),document.removeEventListener("mouseup",e),b.current=!1,v.current=!1},N=function(){C()};t.useMountEffect((function(){var e,r,n;C(),window.addEventListener("resize",C),e=getComputedStyle(m.current),r=getComputedStyle(h.current),n=l.DomHandler.getHeight(m.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(m.current.style.height=f.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:f.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),D.current=!0})),t.useUnmountEffect((function(){D.current&&window.removeEventListener("resize",C),E.current&&window.cancelAnimationFrame(E.current)})),c.useImperativeHandle(r,(function(){return{props:u,refresh:N,getElement:function(){return m.current},getContent:function(){return f.current},getXBar:function(){return h.current},getYBar:function(){return g.current}}}));var F=l.mergeProps({id:u.id,ref:m,style:u.style,className:d("root")},s.getOtherProps(u),p("root")),O=l.mergeProps({className:d("wrapper")},p("wrapper")),S=l.mergeProps({className:d("content"),ref:f,onScroll:C,onMouseEnter:C},p("content")),T=l.mergeProps({ref:h,className:d("barx"),onMouseDown:function(e){b.current=!0,x.current=e.pageX,l.DomHandler.addClass(h.current,"p-scrollpanel-grabbed"),l.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",P),document.addEventListener("mouseup",M),e.preventDefault()}},p("barx")),j=l.mergeProps({ref:g,className:d("bary"),onMouseDown:function(e){v.current=!0,y.current=e.pageY,l.DomHandler.addClass(g.current,"p-scrollpanel-grabbed"),l.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",P),document.addEventListener("mouseup",M),e.preventDefault()}},p("bary"));return c.createElement("div",F,c.createElement("div",O,c.createElement("div",S,u.children)),c.createElement("div",T),c.createElement("div",j))}));return u.displayName="ScrollPanel",e.ScrollPanel=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.scrollpanel=function(e,r,n,t,l,o){"use strict";function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var c=a(r);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},s.apply(this,arguments)}var u=o.ComponentBase.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){return l.classNames("p-scrollpanel p-component",e.props.className)},wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n            \n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: auto;\n                box-sizing: border-box;\n            }\n            \n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n            \n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n            \n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n            \n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n            \n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n            \n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),i=c.forwardRef((function(e,r){var a=c.useContext(n.PrimeReactContext),i=u.getProps(e,a),p=u.setMetaData({props:i}),d=p.ptm,m=p.cx;o.useHandleStyle(u.css.styles,p.isUnstyled,{name:"scrollpanel"});var f=c.useRef(null),h=c.useRef(null),g=c.useRef(null),b=c.useRef(null),v=c.useRef(!1),y=c.useRef(!1),x=c.useRef(null),w=c.useRef(null),H=c.useRef(null),E=c.useRef(null),D=c.useRef(null),C=c.useRef(!1),P=function(){var e=h.current.scrollWidth,r=-1*(f.current.clientHeight-g.current.clientHeight);H.current=h.current.clientWidth/e;var n=h.current.scrollHeight,t=-1*(f.current.clientWidth-b.current.clientWidth);E.current=h.current.clientHeight/n,D.current=window.requestAnimationFrame((function(){H.current>=1?l.DomHandler.addClass(g.current,"p-scrollpanel-hidden"):(l.DomHandler.removeClass(g.current,"p-scrollpanel-hidden"),g.current.style.cssText="width:"+Math.max(100*H.current,10)+"%; left:"+h.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),E.current>=1?l.DomHandler.addClass(b.current,"p-scrollpanel-hidden"):(l.DomHandler.removeClass(b.current,"p-scrollpanel-hidden"),b.current.style.cssText="height:"+Math.max(100*E.current,10)+"%; top: calc("+h.current.scrollTop/n*100+"% - "+g.current.clientHeight+"px);right:"+t+"px;")}))},R=function(e){v.current?O(e):(y.current||O(e),L(e))},O=function(e){var r=e.pageX-x.current;x.current=e.pageX,D.current=window.requestAnimationFrame((function(){h.current.scrollLeft+=r/H.current}))},L=function(e){var r=e.pageY-w.current;w.current=e.pageY,D.current=window.requestAnimationFrame((function(){h.current.scrollTop+=r/E.current}))},j=function e(r){l.DomHandler.removeClass(b.current,"p-scrollpanel-grabbed"),l.DomHandler.removeClass(g.current,"p-scrollpanel-grabbed"),l.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",R),document.removeEventListener("mouseup",e),v.current=!1,y.current=!1},M=function(){P()};t.useMountEffect((function(){var e,r,n;P(),window.addEventListener("resize",P),e=getComputedStyle(f.current),r=getComputedStyle(g.current),n=l.DomHandler.getHeight(f.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(f.current.style.height=h.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:h.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),C.current=!0})),t.useUnmountEffect((function(){C.current&&window.removeEventListener("resize",P),D.current&&window.cancelAnimationFrame(D.current)})),c.useImperativeHandle(r,(function(){return{props:i,refresh:M,getElement:function(){return f.current},getContent:function(){return h.current},getXBar:function(){return g.current},getYBar:function(){return b.current}}}));var N=l.mergeProps({id:i.id,ref:f,style:i.style,className:m("root")},u.getOtherProps(i),d("root")),F=l.mergeProps({className:m("wrapper")},d("wrapper")),S=l.mergeProps({className:m("content"),onScroll:P,onMouseEnter:P},d("content")),T=l.mergeProps({ref:g,className:m("barx"),onMouseDown:function(e){v.current=!0,x.current=e.pageX,l.DomHandler.addClass(g.current,"p-scrollpanel-grabbed"),l.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",R),document.addEventListener("mouseup",j),e.preventDefault()}},d("barx")),z=l.mergeProps({ref:b,className:m("bary"),onMouseDown:function(e){y.current=!0,w.current=e.pageY,l.DomHandler.addClass(b.current,"p-scrollpanel-grabbed"),l.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",R),document.addEventListener("mouseup",j),e.preventDefault()}},d("bary"));return c.createElement("div",N,c.createElement("div",F,c.createElement("div",s({ref:h},S),i.children)),c.createElement("div",T),c.createElement("div",z))}));return i.displayName="ScrollPanel",e.ScrollPanel=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);

package/selectbutton/selectbutton.cjs.js

@@ -4,11 +4,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var api = require('primereact/api');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
 var ripple = require('primereact/ripple');
-var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -104,6 +104,7 @@ var SelectButtonBase = componentbase.ComponentBase.extend({
     tabIndex: null,
     multiple: false,
     unselectable: true,
+    allowEmpty: true,
     disabled: false,
     style: null,
     className: null,
@@ -236,7 +237,7 @@ var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       return;
     }
     var selected = isSelected(event.option);
-    if (selected && !props.unselectable) {
+    if (selected && !(props.unselectable || props.allowEmpty)) {
       return;
     }
     var optionValue = getOptionValue(event.option);

package/selectbutton/selectbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils"),r=require("primereact/componentbase"),l=require("primereact/ripple"),o=require("primereact/api");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 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 i=a(e);function u(){return u=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},u.apply(this,arguments)}function s(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 c(e){if(Array.isArray(e))return s(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return s(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)?s(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 f(e){return c(e)||p(e)||d(e)||m()}var b=r.ComponentBase.extend({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,children:void 0},css:{classes:{root:function(e){return n.classNames("p-selectbutton p-buttonset p-component",e.props.className)},button:function(e){var t=e.itemProps;return n.classNames("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":e.focusedState})},label:"p-button-label p-c"}}});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.")}var h=i.memo((function(e){var t,r,o,a=i.useState(!1),u=(r=2,v(t=a)||y(t,r)||d(t,r)||g()),s=u[0],c=u[1],p=e.ptm,m=e.cx,f=function(t){return p(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,option:e.option}})},b=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},h=(o=n.mergeProps({className:m("label")},f("label")),e.template?n.ObjectUtils.getJSXElement(e.template,e.option):i.createElement("span",o,e.label)),O=n.mergeProps({className:n.classNames(e.className,m("button",{itemProps:e,focusedState:s})),role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:b,onKeyDown:function(e){32===e.which&&(b(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){c(!0)},onBlur:function(){c(!1)}},f("button"));return i.createElement("div",O,h,!e.disabled&&i.createElement(l.Ripple,null))}));h.displayName="SelectButtonItem";var O=i.memo(i.forwardRef((function(e,r){var l=i.useContext(o.PrimeReactContext),a=b.getProps(e,l),s=i.useRef(null),c=b.setMetaData({props:a}),p=c.ptm,d=c.cx,m=function(e){if(!a.disabled&&!g(e.option)){var t=O(e.option);if(!t||a.unselectable){var r,l=y(e.option);if(a.multiple){var o=a.value?f(a.value):[];r=t?o.filter((function(e){return!n.ObjectUtils.equals(e,l,a.dataKey)})):[].concat(f(o),[l])}else r=t?null:l;a.onChange&&a.onChange({originalEvent:e.originalEvent,value:r,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:a.name,id:a.id,value:r}})}}},v=function(e){return a.optionLabel?n.ObjectUtils.resolveFieldData(e,a.optionLabel):e&&void 0!==e.label?e.label:e},y=function(e){return a.optionValue?n.ObjectUtils.resolveFieldData(e,a.optionValue):e&&void 0!==e.value?e.value:e},g=function(e){return a.optionDisabled?n.ObjectUtils.isFunction(a.optionDisabled)?a.optionDisabled(e):n.ObjectUtils.resolveFieldData(e,a.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},O=function(e){var t=y(e);return a.multiple?!(!a.value||!a.value.length)&&a.value.some((function(e){return n.ObjectUtils.equals(e,t,a.dataKey)})):n.ObjectUtils.equals(a.value,t,a.dataKey)};i.useImperativeHandle(r,(function(){return{props:a,focus:function(){return n.DomHandler.focusFirstElement(s.current)},getElement:function(){return s.current}}}));var j=n.ObjectUtils.isNotEmpty(a.tooltip),E=a.options&&a.options.length?a.options.map((function(e,t){var n=a.disabled||g(e),r=v(e),l=n?null:0,o=O(e);return i.createElement(h,{hostName:"SelectButton",key:r+"_"+t,label:r,className:e.className,option:e,onClick:m,template:a.itemTemplate,selected:o,tabIndex:l,disabled:n,ptm:p,cx:d})})):null,N=n.mergeProps({ref:s,id:a.id,className:d("root"),style:a.style,role:"group"},b.getOtherProps(a),p("root"));return i.createElement(i.Fragment,null,i.createElement("div",N,E),j&&i.createElement(t.Tooltip,u({target:s,content:a.tooltip},a.tooltipOptions,{pt:p("tooltip")})))})));O.displayName="SelectButton",exports.SelectButton=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/tooltip"),l=require("primereact/utils"),r=require("primereact/componentbase"),o=require("primereact/ripple");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 i=a(e);function u(){return u=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},u.apply(this,arguments)}function s(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 s(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return s(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)?s(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 f(e){return c(e)||p(e)||d(e)||m()}var b=r.ComponentBase.extend({defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!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){return l.classNames("p-selectbutton p-buttonset p-component",e.props.className)},button:function(e){var t=e.itemProps;return l.classNames("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":e.focusedState})},label:"p-button-label p-c"}}});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 l,r,o,a,i=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(l=o.call(n)).done)&&(i.push(l.value),i.length!==t);u=!0);}catch(e){s=!0,r=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return i}}function 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.")}var h=i.memo((function(e){var t,n,r,a=i.useState(!1),u=(n=2,v(t=a)||y(t,n)||d(t,n)||g()),s=u[0],c=u[1],p=e.ptm,m=e.cx,f=function(t){return p(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,option:e.option}})},b=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},h=(r=l.mergeProps({className:m("label")},f("label")),e.template?l.ObjectUtils.getJSXElement(e.template,e.option):i.createElement("span",r,e.label)),O=l.mergeProps({className:l.classNames(e.className,m("button",{itemProps:e,focusedState:s})),role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:b,onKeyDown:function(e){32===e.which&&(b(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){c(!0)},onBlur:function(){c(!1)}},f("button"));return i.createElement("div",O,h,!e.disabled&&i.createElement(o.Ripple,null))}));h.displayName="SelectButtonItem";var O=i.memo(i.forwardRef((function(e,r){var o=i.useContext(t.PrimeReactContext),a=b.getProps(e,o),s=i.useRef(null),c=b.setMetaData({props:a}),p=c.ptm,d=c.cx,m=function(e){if(!a.disabled&&!g(e.option)){var t=O(e.option);if(!t||a.unselectable||a.allowEmpty){var n,r=y(e.option);if(a.multiple){var o=a.value?f(a.value):[];n=t?o.filter((function(e){return!l.ObjectUtils.equals(e,r,a.dataKey)})):[].concat(f(o),[r])}else n=t?null:r;a.onChange&&a.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:a.name,id:a.id,value:n}})}}},v=function(e){return a.optionLabel?l.ObjectUtils.resolveFieldData(e,a.optionLabel):e&&void 0!==e.label?e.label:e},y=function(e){return a.optionValue?l.ObjectUtils.resolveFieldData(e,a.optionValue):e&&void 0!==e.value?e.value:e},g=function(e){return a.optionDisabled?l.ObjectUtils.isFunction(a.optionDisabled)?a.optionDisabled(e):l.ObjectUtils.resolveFieldData(e,a.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},O=function(e){var t=y(e);return a.multiple?!(!a.value||!a.value.length)&&a.value.some((function(e){return l.ObjectUtils.equals(e,t,a.dataKey)})):l.ObjectUtils.equals(a.value,t,a.dataKey)};i.useImperativeHandle(r,(function(){return{props:a,focus:function(){return l.DomHandler.focusFirstElement(s.current)},getElement:function(){return s.current}}}));var j=l.ObjectUtils.isNotEmpty(a.tooltip),E=a.options&&a.options.length?a.options.map((function(e,t){var n=a.disabled||g(e),l=v(e),r=n?null:0,o=O(e);return i.createElement(h,{hostName:"SelectButton",key:l+"_"+t,label:l,className:e.className,option:e,onClick:m,template:a.itemTemplate,selected:o,tabIndex:r,disabled:n,ptm:p,cx:d})})):null,N=l.mergeProps({ref:s,id:a.id,className:d("root"),style:a.style,role:"group"},b.getOtherProps(a),p("root"));return i.createElement(i.Fragment,null,i.createElement("div",N,E),j&&i.createElement(n.Tooltip,u({target:s,content:a.tooltip},a.tooltipOptions,{pt:p("tooltip")})))})));O.displayName="SelectButton",exports.SelectButton=O;

package/selectbutton/selectbutton.d.ts

@@ -119,9 +119,15 @@ export interface SelectButtonProps extends Omit<React.DetailedHTMLProps<React.In
     multiple?: boolean | undefined;
     /**
      * Whether selection can be cleared.
+     * @deprecated Use 'allowEmpty' property instead.
      * @defaultValue true
      */
     unselectable?: boolean | undefined;
+    /**
+     * Whether selection can not be cleared.
+     * @defaultValue true
+     */
+    allowEmpty?: boolean | undefined;
     /**
      * When present, it specifies that the element should be disabled.
      * @defaultValue false

package/selectbutton/selectbutton.esm.js

@@ -1,10 +1,10 @@
 'use client';
 import * as React from 'react';
+import { PrimeReactContext } from 'primereact/api';
 import { Tooltip } from 'primereact/tooltip';
 import { classNames, mergeProps, ObjectUtils, DomHandler } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
 import { Ripple } from 'primereact/ripple';
-import { PrimeReactContext } from 'primereact/api';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -80,6 +80,7 @@ var SelectButtonBase = ComponentBase.extend({
     tabIndex: null,
     multiple: false,
     unselectable: true,
+    allowEmpty: true,
     disabled: false,
     style: null,
     className: null,
@@ -212,7 +213,7 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       return;
     }
     var selected = isSelected(event.option);
-    if (selected && !props.unselectable) {
+    if (selected && !(props.unselectable || props.allowEmpty)) {
       return;
     }
     var optionValue = getOptionValue(event.option);