primereact 8.7.2 → 9.0.0-beta.1

package/breadcrumb/breadcrumb.d.ts

@@ -1,12 +1,50 @@
+/**
+ *
+ * Breadcrumb provides contextual information about page hierarchy.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/breadcrumb/)
+ *
+ * @module breadcrumb
+ *
+ */
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
 
+/**
+ * Defines valid properties in BreadCrumb component. In addition to these, all properties of HTMLElement can be used in this component.
+ * @group Properties
+ */
 export interface BreadCrumbProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, 'ref'> {
-    model?: MenuItem[];
-    home?: MenuItem;
-    children?: React.ReactNode;
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * MenuItem configuration for the home icon.
+     */
+    home?: MenuItem | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - BreadCrumb**
+ *
+ * _Breadcrumb provides contextual information about page hierarchy._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/breadcrumb/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class BreadCrumb extends React.Component<BreadCrumbProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLElement} Container element
+     */
     public getElement(): HTMLElement;
 }

package/breadcrumb/breadcrumb.esm.js

@@ -5,14 +5,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -20,17 +18,14 @@ function _extends() {
 
 var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
-
   var itemClick = function itemClick(event, item) {
     if (item.disabled) {
       event.preventDefault();
       return;
     }
-
     if (!item.url) {
       event.preventDefault();
     }
-
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -38,27 +33,22 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       });
     }
   };
-
   var createHome = function createHome() {
     var home = props.home;
-
     if (home) {
       if (home.visible === false) {
         return null;
       }
-
       var _icon = home.icon,
-          target = home.target,
-          url = home.url,
-          disabled = home.disabled,
-          style = home.style,
-          _className = home.className,
-          template = home.template;
-
+        target = home.target,
+        url = home.url,
+        disabled = home.disabled,
+        style = home.style,
+        _className = home.className,
+        template = home.template;
       var _className2 = classNames('p-breadcrumb-home', {
         'p-disabled': disabled
       }, _className);
-
       var icon = IconUtils.getJSXIcon(_icon, {
         className: 'p-menuitem-icon'
       }, {
@@ -73,7 +63,6 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           return itemClick(event, home);
         }
       }, icon);
-
       if (template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
@@ -86,27 +75,22 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         };
         content = ObjectUtils.getJSXElement(template, home, defaultContentOptions);
       }
-
       return /*#__PURE__*/React.createElement("li", {
         className: _className2,
         style: style
       }, content);
     }
-
     return null;
   };
-
   var createSeparator = function createSeparator() {
     return /*#__PURE__*/React.createElement("li", {
       className: "p-breadcrumb-chevron pi pi-chevron-right"
     });
   };
-
   var createMenuitem = function createMenuitem(item) {
     if (item.visible === false) {
       return null;
     }
-
     var className = classNames(item.className, {
       'p-disabled': item.disabled
     });
@@ -122,7 +106,6 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       },
       "aria-disabled": item.disabled
     }, label);
-
     if (item.template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
@@ -135,20 +118,17 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       };
       content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-
     return /*#__PURE__*/React.createElement("li", {
       className: className,
       style: item.style
     }, content);
   };
-
   var createMenuitems = function createMenuitems() {
     if (props.model) {
       var _items = props.model.map(function (item, index) {
         if (item.visible === false) {
           return null;
         }
-
         var menuitem = createMenuitem(item);
         var separator = index === props.model.length - 1 ? null : createSeparator();
         var key = item.label + '_' + index;
@@ -156,13 +136,10 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           key: key
         }, menuitem, separator);
       });
-
       return _items;
     }
-
     return null;
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,

package/breadcrumb/breadcrumb.js

@@ -26,14 +26,12 @@ this.primereact.breadcrumb = (function (exports, React, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -41,17 +39,14 @@ this.primereact.breadcrumb = (function (exports, React, utils) {
 
   var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
-
     var itemClick = function itemClick(event, item) {
       if (item.disabled) {
         event.preventDefault();
         return;
       }
-
       if (!item.url) {
         event.preventDefault();
       }
-
       if (item.command) {
         item.command({
           originalEvent: event,
@@ -59,27 +54,22 @@ this.primereact.breadcrumb = (function (exports, React, utils) {
         });
       }
     };
-
     var createHome = function createHome() {
       var home = props.home;
-
       if (home) {
         if (home.visible === false) {
           return null;
         }
-
         var _icon = home.icon,
-            target = home.target,
-            url = home.url,
-            disabled = home.disabled,
-            style = home.style,
-            _className = home.className,
-            template = home.template;
-
+          target = home.target,
+          url = home.url,
+          disabled = home.disabled,
+          style = home.style,
+          _className = home.className,
+          template = home.template;
         var _className2 = utils.classNames('p-breadcrumb-home', {
           'p-disabled': disabled
         }, _className);
-
         var icon = utils.IconUtils.getJSXIcon(_icon, {
           className: 'p-menuitem-icon'
         }, {
@@ -94,7 +84,6 @@ this.primereact.breadcrumb = (function (exports, React, utils) {
             return itemClick(event, home);
           }
         }, icon);
-
         if (template) {
           var defaultContentOptions = {
             onClick: function onClick(event) {
@@ -107,27 +96,22 @@ this.primereact.breadcrumb = (function (exports, React, utils) {
           };
           content = utils.ObjectUtils.getJSXElement(template, home, defaultContentOptions);
         }
-
         return /*#__PURE__*/React__namespace.createElement("li", {
           className: _className2,
           style: style
         }, content);
       }
-
       return null;
     };
-
     var createSeparator = function createSeparator() {
       return /*#__PURE__*/React__namespace.createElement("li", {
         className: "p-breadcrumb-chevron pi pi-chevron-right"
       });
     };
-
     var createMenuitem = function createMenuitem(item) {
       if (item.visible === false) {
         return null;
       }
-
       var className = utils.classNames(item.className, {
         'p-disabled': item.disabled
       });
@@ -143,7 +127,6 @@ this.primereact.breadcrumb = (function (exports, React, utils) {
         },
         "aria-disabled": item.disabled
       }, label);
-
       if (item.template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
@@ -156,20 +139,17 @@ this.primereact.breadcrumb = (function (exports, React, utils) {
         };
         content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
-
       return /*#__PURE__*/React__namespace.createElement("li", {
         className: className,
         style: item.style
       }, content);
     };
-
     var createMenuitems = function createMenuitems() {
       if (props.model) {
         var _items = props.model.map(function (item, index) {
           if (item.visible === false) {
             return null;
           }
-
           var menuitem = createMenuitem(item);
           var separator = index === props.model.length - 1 ? null : createSeparator();
           var key = item.label + '_' + index;
@@ -177,13 +157,10 @@ this.primereact.breadcrumb = (function (exports, React, utils) {
             key: key
           }, menuitem, separator);
         });
-
         return _items;
       }
-
       return null;
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,

package/button/button.cjs.js

@@ -31,20 +31,45 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -55,7 +80,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -64,11 +88,9 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);
-
   if (props.visible === false) {
     return null;
   }
-
   var createIcon = function createIcon() {
     var icon = props.loading ? props.loadingIcon : props.icon;
     var className = utils.classNames('p-button-icon p-c', _defineProperty({
@@ -80,14 +102,12 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       props: props
     });
   };
-
   var createLabel = function createLabel() {
     if (props.label) {
       return /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-button-label p-c"
       }, props.label);
     }
-
     return !props.children && !props.label && /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-button-label p-c",
       dangerouslySetInnerHTML: {
@@ -95,7 +115,6 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       }
     });
   };
-
   var createBadge = function createBadge() {
     if (props.badge) {
       var badgeClassName = utils.classNames('p-badge', props.badgeClassName);
@@ -103,12 +122,11 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
         className: badgeClassName
       }, props.badge);
     }
-
     return null;
   };
-
-  var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var disabled = props.disabled || props.loading;
+  var showTooltip = !disabled || props.tooltipOptions && props.tooltipOptions.showOnDisabled;
+  var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip) && showTooltip;
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Button.defaultProps);
   var className = utils.classNames('p-button p-component', props.className, _defineProperty({
     'p-button-icon-only': (props.icon || props.loading && props.loadingIcon) && !props.label && !props.children,

package/button/button.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),l=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=o.memo(o.forwardRef((function(e,a){var s=o.useRef(a);if(o.useEffect((function(){l.ObjectUtils.combinedRefs(s,a)}),[s,a]),!1===e.visible)return null;var u=l.ObjectUtils.isNotEmpty(e.tooltip),b=e.disabled||e.loading,p=l.ObjectUtils.findDiffKeys(e,c.defaultProps),d=l.classNames("p-button p-component",e.className,r({"p-button-icon-only":(e.icon||e.loading&&e.loadingIcon)&&!e.label&&!e.children,"p-button-vertical":("top"===e.iconPos||"bottom"===e.iconPos)&&e.label,"p-disabled":b,"p-button-loading":e.loading,"p-button-loading-label-only":e.loading&&!e.icon&&e.label},"p-button-loading-".concat(e.iconPos),e.loading&&e.loadingIcon&&e.label)),f=function(){var t=e.loading?e.loadingIcon:e.icon,n=l.classNames("p-button-icon p-c",r({"p-button-loading-icon":e.loading},"p-button-icon-".concat(e.iconPos),e.label));return l.IconUtils.getJSXIcon(t,{className:n},{props:e})}(),g=e.label?o.createElement("span",{className:"p-button-label p-c"},e.label):!e.children&&!e.label&&o.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),m=function(){if(e.badge){var t=l.classNames("p-badge",e.badgeClassName);return o.createElement("span",{className:t},e.badge)}return null}();return o.createElement(o.Fragment,null,o.createElement("button",i({ref:s,"aria-label":e.label?e.label+(e.badge?" "+e.badge:""):e["aria-label"]},p,{className:d,disabled:b}),f,g,e.children,m,o.createElement(t.Ripple,null)),u&&o.createElement(n.Tooltip,i({target:s,content:e.tooltip},e.tooltipOptions)))})));c.displayName="Button",c.defaultProps={__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin",visible:!0},exports.Button=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),o=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},i.apply(this,arguments)}function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function c(e,t){if("object"!==a(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==a(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=c(e,"string");return"symbol"===a(t)?t:String(t)}function s(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var b=r.memo(r.forwardRef((function(e,l){var a=r.useRef(l);if(r.useEffect((function(){o.ObjectUtils.combinedRefs(a,l)}),[a,l]),!1===e.visible)return null;var c=e.disabled||e.loading,u=!c||e.tooltipOptions&&e.tooltipOptions.showOnDisabled,p=o.ObjectUtils.isNotEmpty(e.tooltip)&&u,d=o.ObjectUtils.findDiffKeys(e,b.defaultProps),f=o.classNames("p-button p-component",e.className,s({"p-button-icon-only":(e.icon||e.loading&&e.loadingIcon)&&!e.label&&!e.children,"p-button-vertical":("top"===e.iconPos||"bottom"===e.iconPos)&&e.label,"p-disabled":c,"p-button-loading":e.loading,"p-button-loading-label-only":e.loading&&!e.icon&&e.label},"p-button-loading-".concat(e.iconPos),e.loading&&e.loadingIcon&&e.label)),m=function(){var t=e.loading?e.loadingIcon:e.icon,n=o.classNames("p-button-icon p-c",s({"p-button-loading-icon":e.loading},"p-button-icon-".concat(e.iconPos),e.label));return o.IconUtils.getJSXIcon(t,{className:n},{props:e})}(),g=e.label?r.createElement("span",{className:"p-button-label p-c"},e.label):!e.children&&!e.label&&r.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),y=function(){if(e.badge){var t=o.classNames("p-badge",e.badgeClassName);return r.createElement("span",{className:t},e.badge)}return null}();return r.createElement(r.Fragment,null,r.createElement("button",i({ref:a,"aria-label":e.label?e.label+(e.badge?" "+e.badge:""):e["aria-label"]},d,{className:f,disabled:c}),m,g,e.children,y,r.createElement(t.Ripple,null)),p&&r.createElement(n.Tooltip,i({target:a,content:e.tooltip},e.tooltipOptions)))})));b.displayName="Button",b.defaultProps={__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin",visible:!0},exports.Button=b;

package/button/button.d.ts

@@ -1,22 +1,74 @@
+/**
+ *
+ * Button is an extension to standard input element with icons and theming.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/button/)
+ *
+ * @module button
+ *
+ */
 import * as React from 'react';
-import TooltipOptions from '../tooltip/tooltipoptions';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { IconType } from '../utils';
 
-type ButtonPositionType = 'top' | 'bottom' | 'left' | 'right';
-
+/**
+ * Defines valid properties in Button component. In addition to these, all properties of HTMLButtonElement can be used in this component.
+ * @group Properties
+ */
 export interface ButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'disabled' | 'ref'> {
-    badge?: string;
-    badgeClassName?: string;
-    children?: React.ReactNode;
-    disabled?: boolean;
-    icon?: IconType<ButtonProps>;
-    iconPos?: ButtonPositionType;
-    label?: string;
-    loading?: boolean;
-    loadingIcon?: IconType<ButtonProps>;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
-    visible?: boolean;
+    /**
+     * Value of the badge.
+     */
+    badge?: string | undefined;
+    /**
+     * Style class of the badge.
+     */
+    badgeClassName?: string | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Name of the icon or JSX.Element for icon.
+     */
+    icon?: IconType<ButtonProps> | undefined;
+    /**
+     * Position of the icon, valid values are "left", "right", "top" and "bottom".
+     * @defaultValue left
+     */
+    iconPos?: 'top' | 'bottom' | 'left' | 'right' | undefined;
+    /**
+     * Text of the button.
+     */
+    label?: string | undefined;
+    /**
+     * Display loading icon of the button
+     * @defaultValue false
+     */
+    loading?: boolean | undefined;
+    /**
+     * Name of the loading icon or JSX.Element for loading icon.
+     */
+    loadingIcon?: IconType<ButtonProps> | undefined;
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     */
+    tooltipOptions?: TooltipOptions | undefined;
+    /**
+     * When present, it specifies that the element should be visible.
+     * @defaultValue true
+     */
+    visible?: boolean | undefined;
 }
 
 export declare class Button extends React.Component<ButtonProps, any> {}

package/button/button.esm.js

@@ -7,20 +7,45 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -31,7 +56,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -40,11 +64,9 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
   React.useEffect(function () {
     ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);
-
   if (props.visible === false) {
     return null;
   }
-
   var createIcon = function createIcon() {
     var icon = props.loading ? props.loadingIcon : props.icon;
     var className = classNames('p-button-icon p-c', _defineProperty({
@@ -56,14 +78,12 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
       props: props
     });
   };
-
   var createLabel = function createLabel() {
     if (props.label) {
       return /*#__PURE__*/React.createElement("span", {
         className: "p-button-label p-c"
       }, props.label);
     }
-
     return !props.children && !props.label && /*#__PURE__*/React.createElement("span", {
       className: "p-button-label p-c",
       dangerouslySetInnerHTML: {
@@ -71,7 +91,6 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
       }
     });
   };
-
   var createBadge = function createBadge() {
     if (props.badge) {
       var badgeClassName = classNames('p-badge', props.badgeClassName);
@@ -79,12 +98,11 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
         className: badgeClassName
       }, props.badge);
     }
-
     return null;
   };
-
-  var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var disabled = props.disabled || props.loading;
+  var showTooltip = !disabled || props.tooltipOptions && props.tooltipOptions.showOnDisabled;
+  var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip) && showTooltip;
   var otherProps = ObjectUtils.findDiffKeys(props, Button.defaultProps);
   var className = classNames('p-button p-component', props.className, _defineProperty({
     'p-button-icon-only': (props.icon || props.loading && props.loadingIcon) && !props.label && !props.children,

package/button/button.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Ripple as n}from"primereact/ripple";import{Tooltip as l}from"primereact/tooltip";import{ObjectUtils as t,classNames as o,IconUtils as a}from"primereact/utils";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var l=arguments[n];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(e[t]=l[t])}return e},i.apply(this,arguments)}function r(e,n,l){return n in e?Object.defineProperty(e,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[n]=l,e}var c=e.memo(e.forwardRef((function(p,b){var s=e.useRef(b);if(e.useEffect((function(){t.combinedRefs(s,b)}),[s,b]),!1===p.visible)return null;var u=t.isNotEmpty(p.tooltip),d=p.disabled||p.loading,m=t.findDiffKeys(p,c.defaultProps),g=o("p-button p-component",p.className,r({"p-button-icon-only":(p.icon||p.loading&&p.loadingIcon)&&!p.label&&!p.children,"p-button-vertical":("top"===p.iconPos||"bottom"===p.iconPos)&&p.label,"p-disabled":d,"p-button-loading":p.loading,"p-button-loading-label-only":p.loading&&!p.icon&&p.label},"p-button-loading-".concat(p.iconPos),p.loading&&p.loadingIcon&&p.label)),f=function(){var e=p.loading?p.loadingIcon:p.icon,n=o("p-button-icon p-c",r({"p-button-loading-icon":p.loading},"p-button-icon-".concat(p.iconPos),p.label));return a.getJSXIcon(e,{className:n},{props:p})}(),v=p.label?e.createElement("span",{className:"p-button-label p-c"},p.label):!p.children&&!p.label&&e.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),y=function(){if(p.badge){var n=o("p-badge",p.badgeClassName);return e.createElement("span",{className:n},p.badge)}return null}();return e.createElement(e.Fragment,null,e.createElement("button",i({ref:s,"aria-label":p.label?p.label+(p.badge?" "+p.badge:""):p["aria-label"]},m,{className:g,disabled:d}),f,v,p.children,y,e.createElement(n,null)),u&&e.createElement(l,i({target:s,content:p.tooltip},p.tooltipOptions)))})));c.displayName="Button",c.defaultProps={__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin",visible:!0};export{c as Button};
+import*as t from"react";import{Ripple as n}from"primereact/ripple";import{Tooltip as e}from"primereact/tooltip";import{ObjectUtils as o,classNames as l,IconUtils as i}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},a.apply(this,arguments)}function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function c(t,n){if("object"!==r(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!==r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}function p(t){var n=c(t,"string");return"symbol"===r(n)?n:String(n)}function u(t,n,e){return(n=p(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}var b=t.memo(t.forwardRef((function(r,c){var p=t.useRef(c);if(t.useEffect((function(){o.combinedRefs(p,c)}),[p,c]),!1===r.visible)return null;var s=r.disabled||r.loading,m=!s||r.tooltipOptions&&r.tooltipOptions.showOnDisabled,d=o.isNotEmpty(r.tooltip)&&m,f=o.findDiffKeys(r,b.defaultProps),g=l("p-button p-component",r.className,u({"p-button-icon-only":(r.icon||r.loading&&r.loadingIcon)&&!r.label&&!r.children,"p-button-vertical":("top"===r.iconPos||"bottom"===r.iconPos)&&r.label,"p-disabled":s,"p-button-loading":r.loading,"p-button-loading-label-only":r.loading&&!r.icon&&r.label},"p-button-loading-".concat(r.iconPos),r.loading&&r.loadingIcon&&r.label)),y=function(){var t=r.loading?r.loadingIcon:r.icon,n=l("p-button-icon p-c",u({"p-button-loading-icon":r.loading},"p-button-icon-".concat(r.iconPos),r.label));return i.getJSXIcon(t,{className:n},{props:r})}(),v=r.label?t.createElement("span",{className:"p-button-label p-c"},r.label):!r.children&&!r.label&&t.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),P=function(){if(r.badge){var n=l("p-badge",r.badgeClassName);return t.createElement("span",{className:n},r.badge)}return null}();return t.createElement(t.Fragment,null,t.createElement("button",a({ref:p,"aria-label":r.label?r.label+(r.badge?" "+r.badge:""):r["aria-label"]},f,{className:g,disabled:s}),y,v,r.children,P,t.createElement(n,null)),d&&t.createElement(e,a({target:p,content:r.tooltip},r.tooltipOptions)))})));b.displayName="Button",b.defaultProps={__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin",visible:!0};export{b as Button};