primereact 10.6.5 → 10.7.0

package/README.md

@@ -44,7 +44,7 @@ export default function MyComponent() {
 
 ## Theming
 
-PrimeReact has two theming has modes; styled or unstyled.
+PrimeReact has two theming modes; styled or unstyled.
 
 **Styled Mode**
 

package/api/api.d.ts

@@ -729,6 +729,14 @@ export declare function localeOption(key: string, locale: string): any;
  */
 export declare function localeOptions(locale: string): object;
 
+/**
+ * Finds an ARIA label in the locale by key and replaces options if provided.
+ * @param {string} ariaKey - Key of the ARIA label to look up in the locale.
+ * @param {Object} options - JSON options like { page: 2, user: "John", role: "Admin" }.
+ * @returns {string} The ARIA label with replaced values.
+ */
+export declare function ariaLabel(ariaKey: string, options: any): string;
+
 // Locale Options
 export interface LocaleOptions {
     /**

package/button/button.cjs.js

@@ -302,6 +302,7 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   var rootProps = mergeProps({
     ref: elementRef,
     'aria-label': defaultAriaLabel,
+    'data-pc-autofocus': props.autoFocus,
     className: utils.classNames(props.className, cx('root', {
       size: size,
       disabled: disabled

package/button/button.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"),o=require("primereact/utils"),a=require("primereact/icons/spinner"),l=require("primereact/ripple"),i=require("primereact/tooltip");function s(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=s(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 p(e){return p="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},p(e)}function b(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=b(e,"string");return"symbol"===p(t)?t:String(t)}function m(e,t,n){return(t=d(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var g=n.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return o.classNames("p-badge p-component",m({"p-badge-no-gutter":o.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":o.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=c.memo(c.forwardRef((function(e,a){var l=r.useMergeProps(),i=c.useContext(t.PrimeReactContext),s=g.getProps(e,i),u=g.setMetaData(y({props:s},s.__parentMetadata)),p=u.ptm,b=u.cx;n.useHandleStyle(g.css.styles,u.isUnstyled,{name:"badge"});var d=c.useRef(null);c.useImperativeHandle(a,(function(){return{props:s,getElement:function(){return d.current}}}));var m=l({ref:d,style:s.style,className:o.classNames(s.className,b("root"))},g.getOtherProps(s),p("root"));return c.createElement("span",m,s.value)})));v.displayName="Badge";var O=n.ComponentBase.extend({defaultProps:{__TYPE:"Button",__parentMetadata:null,badge:null,badgeClassName:null,className:null,children:void 0,disabled:!1,icon:null,iconPos:"left",label:null,link:!1,loading:!1,loadingIcon:null,outlined:!1,plain:!1,raised:!1,rounded:!1,severity:null,size:null,text:!1,tooltip:null,tooltipOptions:null,visible:!0},css:{classes:{icon:function(e){var t=e.props;return o.classNames("p-button-icon p-c",m({},"p-button-icon-".concat(t.iconPos),t.label))},loadingIcon:function(e){return o.classNames(e.className,{"p-button-loading-icon":e.props.loading})},label:"p-button-label p-c",root:function(e){var t=e.props,n=e.size;return o.classNames("p-button p-component",m(m(m(m({"p-button-icon-only":(t.icon||t.loading)&&!t.label&&!t.children,"p-button-vertical":("top"===t.iconPos||"bottom"===t.iconPos)&&t.label,"p-disabled":e.disabled,"p-button-loading":t.loading,"p-button-outlined":t.outlined,"p-button-raised":t.raised,"p-button-link":t.link,"p-button-text":t.text,"p-button-rounded":t.rounded,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-loading-".concat(t.iconPos),t.loading&&t.label),"p-button-".concat(n),n),"p-button-".concat(t.severity),t.severity),"p-button-plain",t.plain))}}}});function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h=c.memo(c.forwardRef((function(e,s){var p=r.useMergeProps(),b=c.useContext(t.PrimeReactContext),d=O.getProps(e,b),g=d.disabled||d.loading,f=j(j({props:d},d.__parentMetadata),{},{context:{disabled:g}}),y=O.setMetaData(f),P=y.ptm,h=y.cx;n.useHandleStyle(O.css.styles,y.isUnstyled,{name:"button",styled:!0});var N=c.useRef(s);if(c.useEffect((function(){o.ObjectUtils.combinedRefs(N,s)}),[N,s]),!1===d.visible)return null;var w,E=!g||d.tooltipOptions&&d.tooltipOptions.showOnDisabled,_=o.ObjectUtils.isNotEmpty(d.tooltip)&&E,x={large:"lg",small:"sm"}[d.size],S=function(){var e=o.classNames("p-button-icon p-c",m({},"p-button-icon-".concat(d.iconPos),d.label)),t=p({className:h("icon")},P("icon"));e=o.classNames(e,{"p-button-loading-icon":d.loading});var n=p({className:h("loadingIcon",{className:e})},P("loadingIcon")),r=d.loading?d.loadingIcon||c.createElement(a.SpinnerIcon,u({},n,{spin:!0})):d.icon;return o.IconUtils.getJSXIcon(r,j({},t),{props:d})}(),D=(w=p({className:h("label")},P("label")),d.label?c.createElement("span",w,d.label):!d.children&&!d.label&&c.createElement("span",u({},w,{dangerouslySetInnerHTML:{__html:"&nbsp;"}}))),M=function(){if(d.badge){var e=p({className:o.classNames(d.badgeClassName),value:d.badge,unstyled:d.unstyled,__parentMetadata:{parent:f}},P("badge"));return c.createElement(v,e,d.badge)}return null}(),I=p({ref:N,"aria-label":d.label?d.label+(d.badge?" "+d.badge:""):d["aria-label"],className:o.classNames(d.className,h("root",{size:x,disabled:g})),disabled:g},O.getOtherProps(d),P("root"));return c.createElement(c.Fragment,null,c.createElement("button",I,S,D,d.children,M,c.createElement(l.Ripple,null)),_&&c.createElement(i.Tooltip,u({target:N,content:d.tooltip,pt:P("tooltip")},d.tooltipOptions)))})));h.displayName="Button",exports.Button=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/utils"),a=require("primereact/icons/spinner"),l=require("primereact/ripple"),i=require("primereact/tooltip");function s(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=s(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 p(e){return p="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},p(e)}function b(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=b(e,"string");return"symbol"===p(t)?t:String(t)}function m(e,t,n){return(t=d(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var g=n.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return o.classNames("p-badge p-component",m({"p-badge-no-gutter":o.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":o.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=c.memo(c.forwardRef((function(e,a){var l=r.useMergeProps(),i=c.useContext(t.PrimeReactContext),s=g.getProps(e,i),u=g.setMetaData(y({props:s},s.__parentMetadata)),p=u.ptm,b=u.cx;n.useHandleStyle(g.css.styles,u.isUnstyled,{name:"badge"});var d=c.useRef(null);c.useImperativeHandle(a,(function(){return{props:s,getElement:function(){return d.current}}}));var m=l({ref:d,style:s.style,className:o.classNames(s.className,b("root"))},g.getOtherProps(s),p("root"));return c.createElement("span",m,s.value)})));v.displayName="Badge";var O=n.ComponentBase.extend({defaultProps:{__TYPE:"Button",__parentMetadata:null,badge:null,badgeClassName:null,className:null,children:void 0,disabled:!1,icon:null,iconPos:"left",label:null,link:!1,loading:!1,loadingIcon:null,outlined:!1,plain:!1,raised:!1,rounded:!1,severity:null,size:null,text:!1,tooltip:null,tooltipOptions:null,visible:!0},css:{classes:{icon:function(e){var t=e.props;return o.classNames("p-button-icon p-c",m({},"p-button-icon-".concat(t.iconPos),t.label))},loadingIcon:function(e){return o.classNames(e.className,{"p-button-loading-icon":e.props.loading})},label:"p-button-label p-c",root:function(e){var t=e.props,n=e.size;return o.classNames("p-button p-component",m(m(m(m({"p-button-icon-only":(t.icon||t.loading)&&!t.label&&!t.children,"p-button-vertical":("top"===t.iconPos||"bottom"===t.iconPos)&&t.label,"p-disabled":e.disabled,"p-button-loading":t.loading,"p-button-outlined":t.outlined,"p-button-raised":t.raised,"p-button-link":t.link,"p-button-text":t.text,"p-button-rounded":t.rounded,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-loading-".concat(t.iconPos),t.loading&&t.label),"p-button-".concat(n),n),"p-button-".concat(t.severity),t.severity),"p-button-plain",t.plain))}}}});function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h=c.memo(c.forwardRef((function(e,s){var p=r.useMergeProps(),b=c.useContext(t.PrimeReactContext),d=O.getProps(e,b),g=d.disabled||d.loading,f=j(j({props:d},d.__parentMetadata),{},{context:{disabled:g}}),y=O.setMetaData(f),P=y.ptm,h=y.cx;n.useHandleStyle(O.css.styles,y.isUnstyled,{name:"button",styled:!0});var N=c.useRef(s);if(c.useEffect((function(){o.ObjectUtils.combinedRefs(N,s)}),[N,s]),!1===d.visible)return null;var w,E=!g||d.tooltipOptions&&d.tooltipOptions.showOnDisabled,_=o.ObjectUtils.isNotEmpty(d.tooltip)&&E,x={large:"lg",small:"sm"}[d.size],S=function(){var e=o.classNames("p-button-icon p-c",m({},"p-button-icon-".concat(d.iconPos),d.label)),t=p({className:h("icon")},P("icon"));e=o.classNames(e,{"p-button-loading-icon":d.loading});var n=p({className:h("loadingIcon",{className:e})},P("loadingIcon")),r=d.loading?d.loadingIcon||c.createElement(a.SpinnerIcon,u({},n,{spin:!0})):d.icon;return o.IconUtils.getJSXIcon(r,j({},t),{props:d})}(),D=(w=p({className:h("label")},P("label")),d.label?c.createElement("span",w,d.label):!d.children&&!d.label&&c.createElement("span",u({},w,{dangerouslySetInnerHTML:{__html:"&nbsp;"}}))),M=function(){if(d.badge){var e=p({className:o.classNames(d.badgeClassName),value:d.badge,unstyled:d.unstyled,__parentMetadata:{parent:f}},P("badge"));return c.createElement(v,e,d.badge)}return null}(),I=p({ref:N,"aria-label":d.label?d.label+(d.badge?" "+d.badge:""):d["aria-label"],"data-pc-autofocus":d.autoFocus,className:o.classNames(d.className,h("root",{size:x,disabled:g})),disabled:g},O.getOtherProps(d),P("root"));return c.createElement(c.Fragment,null,c.createElement("button",I,S,D,d.children,M,c.createElement(l.Ripple,null)),_&&c.createElement(i.Tooltip,u({target:N,content:d.tooltip,pt:P("tooltip")},d.tooltipOptions)))})));h.displayName="Button",exports.Button=h;

package/button/button.esm.js

@@ -278,6 +278,7 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
   var rootProps = mergeProps({
     ref: elementRef,
     'aria-label': defaultAriaLabel,
+    'data-pc-autofocus': props.autoFocus,
     className: classNames(props.className, cx('root', {
       size: size,
       disabled: disabled

package/button/button.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{classNames as a,ObjectUtils as l,IconUtils as i}from"primereact/utils";import{SpinnerIcon as s}from"primereact/icons/spinner";import{Ripple as p}from"primereact/ripple";import{Tooltip as c}from"primereact/tooltip";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 b(e){return b="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},b(e)}function d(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=d(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=n.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a("p-badge p-component",g({"p-badge-no-gutter":l.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":l.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=e.memo(e.forwardRef((function(n,l){var i=o(),s=e.useContext(t),p=f.getProps(n,s),c=f.setMetaData(v({props:p},p.__parentMetadata)),u=c.ptm,b=c.cx;r(f.css.styles,c.isUnstyled,{name:"badge"});var d=e.useRef(null);e.useImperativeHandle(l,(function(){return{props:p,getElement:function(){return d.current}}}));var m=i({ref:d,style:p.style,className:a(p.className,b("root"))},f.getOtherProps(p),u("root"));return e.createElement("span",m,p.value)})));O.displayName="Badge";var P=n.extend({defaultProps:{__TYPE:"Button",__parentMetadata:null,badge:null,badgeClassName:null,className:null,children:void 0,disabled:!1,icon:null,iconPos:"left",label:null,link:!1,loading:!1,loadingIcon:null,outlined:!1,plain:!1,raised:!1,rounded:!1,severity:null,size:null,text:!1,tooltip:null,tooltipOptions:null,visible:!0},css:{classes:{icon:function(e){var t=e.props;return a("p-button-icon p-c",g({},"p-button-icon-".concat(t.iconPos),t.label))},loadingIcon:function(e){return a(e.className,{"p-button-loading-icon":e.props.loading})},label:"p-button-label p-c",root:function(e){var t=e.props,n=e.size;return a("p-button p-component",g(g(g(g({"p-button-icon-only":(t.icon||t.loading)&&!t.label&&!t.children,"p-button-vertical":("top"===t.iconPos||"bottom"===t.iconPos)&&t.label,"p-disabled":e.disabled,"p-button-loading":t.loading,"p-button-outlined":t.outlined,"p-button-raised":t.raised,"p-button-link":t.link,"p-button-text":t.text,"p-button-rounded":t.rounded,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-loading-".concat(t.iconPos),t.loading&&t.label),"p-button-".concat(n),n),"p-button-".concat(t.severity),t.severity),"p-button-plain",t.plain))}}}});function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=e.memo(e.forwardRef((function(n,b){var d=o(),m=e.useContext(t),f=P.getProps(n,m),y=f.disabled||f.loading,v=j(j({props:f},f.__parentMetadata),{},{context:{disabled:y}}),h=P.setMetaData(v),w=h.ptm,E=h.cx;r(P.css.styles,h.isUnstyled,{name:"button",styled:!0});var N=e.useRef(b);if(e.useEffect((function(){l.combinedRefs(N,b)}),[N,b]),!1===f.visible)return null;var _,x=!y||f.tooltipOptions&&f.tooltipOptions.showOnDisabled,S=l.isNotEmpty(f.tooltip)&&x,D={large:"lg",small:"sm"}[f.size],I=function(){var t=a("p-button-icon p-c",g({},"p-button-icon-".concat(f.iconPos),f.label)),n=d({className:E("icon")},w("icon"));t=a(t,{"p-button-loading-icon":f.loading});var r=d({className:E("loadingIcon",{className:t})},w("loadingIcon")),o=f.loading?f.loadingIcon||e.createElement(s,u({},r,{spin:!0})):f.icon;return i.getJSXIcon(o,j({},n),{props:f})}(),M=(_=d({className:E("label")},w("label")),f.label?e.createElement("span",_,f.label):!f.children&&!f.label&&e.createElement("span",u({},_,{dangerouslySetInnerHTML:{__html:"&nbsp;"}}))),k=function(){if(f.badge){var t=d({className:a(f.badgeClassName),value:f.badge,unstyled:f.unstyled,__parentMetadata:{parent:v}},w("badge"));return e.createElement(O,t,f.badge)}return null}(),z=d({ref:N,"aria-label":f.label?f.label+(f.badge?" "+f.badge:""):f["aria-label"],className:a(f.className,E("root",{size:D,disabled:y})),disabled:y},P.getOtherProps(f),w("root"));return e.createElement(e.Fragment,null,e.createElement("button",z,I,M,f.children,k,e.createElement(p,null)),S&&e.createElement(c,u({target:N,content:f.tooltip,pt:w("tooltip")},f.tooltipOptions)))})));w.displayName="Button";export{w as Button};
+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{classNames as a,ObjectUtils as l,IconUtils as i}from"primereact/utils";import{SpinnerIcon as s}from"primereact/icons/spinner";import{Ripple as p}from"primereact/ripple";import{Tooltip as c}from"primereact/tooltip";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 b(e){return b="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},b(e)}function d(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=d(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=n.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a("p-badge p-component",g({"p-badge-no-gutter":l.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":l.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=e.memo(e.forwardRef((function(n,l){var i=o(),s=e.useContext(t),p=f.getProps(n,s),c=f.setMetaData(v({props:p},p.__parentMetadata)),u=c.ptm,b=c.cx;r(f.css.styles,c.isUnstyled,{name:"badge"});var d=e.useRef(null);e.useImperativeHandle(l,(function(){return{props:p,getElement:function(){return d.current}}}));var m=i({ref:d,style:p.style,className:a(p.className,b("root"))},f.getOtherProps(p),u("root"));return e.createElement("span",m,p.value)})));O.displayName="Badge";var P=n.extend({defaultProps:{__TYPE:"Button",__parentMetadata:null,badge:null,badgeClassName:null,className:null,children:void 0,disabled:!1,icon:null,iconPos:"left",label:null,link:!1,loading:!1,loadingIcon:null,outlined:!1,plain:!1,raised:!1,rounded:!1,severity:null,size:null,text:!1,tooltip:null,tooltipOptions:null,visible:!0},css:{classes:{icon:function(e){var t=e.props;return a("p-button-icon p-c",g({},"p-button-icon-".concat(t.iconPos),t.label))},loadingIcon:function(e){return a(e.className,{"p-button-loading-icon":e.props.loading})},label:"p-button-label p-c",root:function(e){var t=e.props,n=e.size;return a("p-button p-component",g(g(g(g({"p-button-icon-only":(t.icon||t.loading)&&!t.label&&!t.children,"p-button-vertical":("top"===t.iconPos||"bottom"===t.iconPos)&&t.label,"p-disabled":e.disabled,"p-button-loading":t.loading,"p-button-outlined":t.outlined,"p-button-raised":t.raised,"p-button-link":t.link,"p-button-text":t.text,"p-button-rounded":t.rounded,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-loading-".concat(t.iconPos),t.loading&&t.label),"p-button-".concat(n),n),"p-button-".concat(t.severity),t.severity),"p-button-plain",t.plain))}}}});function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=e.memo(e.forwardRef((function(n,b){var d=o(),m=e.useContext(t),f=P.getProps(n,m),y=f.disabled||f.loading,v=j(j({props:f},f.__parentMetadata),{},{context:{disabled:y}}),h=P.setMetaData(v),w=h.ptm,E=h.cx;r(P.css.styles,h.isUnstyled,{name:"button",styled:!0});var N=e.useRef(b);if(e.useEffect((function(){l.combinedRefs(N,b)}),[N,b]),!1===f.visible)return null;var _,x=!y||f.tooltipOptions&&f.tooltipOptions.showOnDisabled,S=l.isNotEmpty(f.tooltip)&&x,D={large:"lg",small:"sm"}[f.size],I=function(){var t=a("p-button-icon p-c",g({},"p-button-icon-".concat(f.iconPos),f.label)),n=d({className:E("icon")},w("icon"));t=a(t,{"p-button-loading-icon":f.loading});var r=d({className:E("loadingIcon",{className:t})},w("loadingIcon")),o=f.loading?f.loadingIcon||e.createElement(s,u({},r,{spin:!0})):f.icon;return i.getJSXIcon(o,j({},n),{props:f})}(),M=(_=d({className:E("label")},w("label")),f.label?e.createElement("span",_,f.label):!f.children&&!f.label&&e.createElement("span",u({},_,{dangerouslySetInnerHTML:{__html:"&nbsp;"}}))),k=function(){if(f.badge){var t=d({className:a(f.badgeClassName),value:f.badge,unstyled:f.unstyled,__parentMetadata:{parent:v}},w("badge"));return e.createElement(O,t,f.badge)}return null}(),z=d({ref:N,"aria-label":f.label?f.label+(f.badge?" "+f.badge:""):f["aria-label"],"data-pc-autofocus":f.autoFocus,className:a(f.className,E("root",{size:D,disabled:y})),disabled:y},P.getOtherProps(f),w("root"));return e.createElement(e.Fragment,null,e.createElement("button",z,I,M,f.children,k,e.createElement(p,null)),S&&e.createElement(c,u({target:N,content:f.tooltip,pt:w("tooltip")},f.tooltipOptions)))})));w.displayName="Button";export{w as Button};

package/button/button.js

@@ -292,6 +292,7 @@ this.primereact.button = (function (exports, React, api, componentbase, hooks, u
     var rootProps = mergeProps({
       ref: elementRef,
       'aria-label': defaultAriaLabel,
+      'data-pc-autofocus': props.autoFocus,
       className: utils.classNames(props.className, cx('root', {
         size: size,
         disabled: disabled

package/button/button.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.button=function(e,t,n,r,o,a,l,i,s){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=c(t);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 b(e){return b="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},b(e)}function d(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=d(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-badge p-component",g({"p-badge-no-gutter":a.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":a.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=p.memo(p.forwardRef((function(e,t){var l=o.useMergeProps(),i=p.useContext(n.PrimeReactContext),s=f.getProps(e,i),c=f.setMetaData(v({props:s},s.__parentMetadata)),u=c.ptm,b=c.cx;r.useHandleStyle(f.css.styles,c.isUnstyled,{name:"badge"});var d=p.useRef(null);p.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return d.current}}}));var m=l({ref:d,style:s.style,className:a.classNames(s.className,b("root"))},f.getOtherProps(s),u("root"));return p.createElement("span",m,s.value)})));O.displayName="Badge";var P=r.ComponentBase.extend({defaultProps:{__TYPE:"Button",__parentMetadata:null,badge:null,badgeClassName:null,className:null,children:void 0,disabled:!1,icon:null,iconPos:"left",label:null,link:!1,loading:!1,loadingIcon:null,outlined:!1,plain:!1,raised:!1,rounded:!1,severity:null,size:null,text:!1,tooltip:null,tooltipOptions:null,visible:!0},css:{classes:{icon:function(e){var t=e.props;return a.classNames("p-button-icon p-c",g({},"p-button-icon-".concat(t.iconPos),t.label))},loadingIcon:function(e){return a.classNames(e.className,{"p-button-loading-icon":e.props.loading})},label:"p-button-label p-c",root:function(e){var t=e.props,n=e.size;return a.classNames("p-button p-component",g(g(g(g({"p-button-icon-only":(t.icon||t.loading)&&!t.label&&!t.children,"p-button-vertical":("top"===t.iconPos||"bottom"===t.iconPos)&&t.label,"p-disabled":e.disabled,"p-button-loading":t.loading,"p-button-outlined":t.outlined,"p-button-raised":t.raised,"p-button-link":t.link,"p-button-text":t.text,"p-button-rounded":t.rounded,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-loading-".concat(t.iconPos),t.loading&&t.label),"p-button-".concat(n),n),"p-button-".concat(t.severity),t.severity),"p-button-plain",t.plain))}}}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=p.memo(p.forwardRef((function(e,t){var c=o.useMergeProps(),b=p.useContext(n.PrimeReactContext),d=P.getProps(e,b),m=d.disabled||d.loading,f=h(h({props:d},d.__parentMetadata),{},{context:{disabled:m}}),y=P.setMetaData(f),v=y.ptm,j=y.cx;r.useHandleStyle(P.css.styles,y.isUnstyled,{name:"button",styled:!0});var N=p.useRef(t);if(p.useEffect((function(){a.ObjectUtils.combinedRefs(N,t)}),[N,t]),!1===d.visible)return null;var w,E=!m||d.tooltipOptions&&d.tooltipOptions.showOnDisabled,_=a.ObjectUtils.isNotEmpty(d.tooltip)&&E,S={large:"lg",small:"sm"}[d.size],x=function(){var e=a.classNames("p-button-icon p-c",g({},"p-button-icon-".concat(d.iconPos),d.label)),t=c({className:j("icon")},v("icon"));e=a.classNames(e,{"p-button-loading-icon":d.loading});var n=c({className:j("loadingIcon",{className:e})},v("loadingIcon")),r=d.loading?d.loadingIcon||p.createElement(l.SpinnerIcon,u({},n,{spin:!0})):d.icon;return a.IconUtils.getJSXIcon(r,h({},t),{props:d})}(),D=(w=c({className:j("label")},v("label")),d.label?p.createElement("span",w,d.label):!d.children&&!d.label&&p.createElement("span",u({},w,{dangerouslySetInnerHTML:{__html:"&nbsp;"}}))),M=function(){if(d.badge){var e=c({className:a.classNames(d.badgeClassName),value:d.badge,unstyled:d.unstyled,__parentMetadata:{parent:f}},v("badge"));return p.createElement(O,e,d.badge)}return null}(),I=c({ref:N,"aria-label":d.label?d.label+(d.badge?" "+d.badge:""):d["aria-label"],className:a.classNames(d.className,j("root",{size:S,disabled:m})),disabled:m},P.getOtherProps(d),v("root"));return p.createElement(p.Fragment,null,p.createElement("button",I,x,D,d.children,M,p.createElement(i.Ripple,null)),_&&p.createElement(s.Tooltip,u({target:N,content:d.tooltip,pt:v("tooltip")},d.tooltipOptions)))})));return N.displayName="Button",e.Button=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.icons.spinner,primereact.ripple,primereact.tooltip);
+this.primereact=this.primereact||{},this.primereact.button=function(e,t,n,r,o,a,l,i,s){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=c(t);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 b(e){return b="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},b(e)}function d(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=d(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-badge p-component",g({"p-badge-no-gutter":a.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":a.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=p.memo(p.forwardRef((function(e,t){var l=o.useMergeProps(),i=p.useContext(n.PrimeReactContext),s=f.getProps(e,i),c=f.setMetaData(v({props:s},s.__parentMetadata)),u=c.ptm,b=c.cx;r.useHandleStyle(f.css.styles,c.isUnstyled,{name:"badge"});var d=p.useRef(null);p.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return d.current}}}));var m=l({ref:d,style:s.style,className:a.classNames(s.className,b("root"))},f.getOtherProps(s),u("root"));return p.createElement("span",m,s.value)})));O.displayName="Badge";var P=r.ComponentBase.extend({defaultProps:{__TYPE:"Button",__parentMetadata:null,badge:null,badgeClassName:null,className:null,children:void 0,disabled:!1,icon:null,iconPos:"left",label:null,link:!1,loading:!1,loadingIcon:null,outlined:!1,plain:!1,raised:!1,rounded:!1,severity:null,size:null,text:!1,tooltip:null,tooltipOptions:null,visible:!0},css:{classes:{icon:function(e){var t=e.props;return a.classNames("p-button-icon p-c",g({},"p-button-icon-".concat(t.iconPos),t.label))},loadingIcon:function(e){return a.classNames(e.className,{"p-button-loading-icon":e.props.loading})},label:"p-button-label p-c",root:function(e){var t=e.props,n=e.size;return a.classNames("p-button p-component",g(g(g(g({"p-button-icon-only":(t.icon||t.loading)&&!t.label&&!t.children,"p-button-vertical":("top"===t.iconPos||"bottom"===t.iconPos)&&t.label,"p-disabled":e.disabled,"p-button-loading":t.loading,"p-button-outlined":t.outlined,"p-button-raised":t.raised,"p-button-link":t.link,"p-button-text":t.text,"p-button-rounded":t.rounded,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-loading-".concat(t.iconPos),t.loading&&t.label),"p-button-".concat(n),n),"p-button-".concat(t.severity),t.severity),"p-button-plain",t.plain))}}}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=p.memo(p.forwardRef((function(e,t){var c=o.useMergeProps(),b=p.useContext(n.PrimeReactContext),d=P.getProps(e,b),m=d.disabled||d.loading,f=h(h({props:d},d.__parentMetadata),{},{context:{disabled:m}}),y=P.setMetaData(f),v=y.ptm,j=y.cx;r.useHandleStyle(P.css.styles,y.isUnstyled,{name:"button",styled:!0});var N=p.useRef(t);if(p.useEffect((function(){a.ObjectUtils.combinedRefs(N,t)}),[N,t]),!1===d.visible)return null;var w,E=!m||d.tooltipOptions&&d.tooltipOptions.showOnDisabled,_=a.ObjectUtils.isNotEmpty(d.tooltip)&&E,S={large:"lg",small:"sm"}[d.size],x=function(){var e=a.classNames("p-button-icon p-c",g({},"p-button-icon-".concat(d.iconPos),d.label)),t=c({className:j("icon")},v("icon"));e=a.classNames(e,{"p-button-loading-icon":d.loading});var n=c({className:j("loadingIcon",{className:e})},v("loadingIcon")),r=d.loading?d.loadingIcon||p.createElement(l.SpinnerIcon,u({},n,{spin:!0})):d.icon;return a.IconUtils.getJSXIcon(r,h({},t),{props:d})}(),D=(w=c({className:j("label")},v("label")),d.label?p.createElement("span",w,d.label):!d.children&&!d.label&&p.createElement("span",u({},w,{dangerouslySetInnerHTML:{__html:"&nbsp;"}}))),M=function(){if(d.badge){var e=c({className:a.classNames(d.badgeClassName),value:d.badge,unstyled:d.unstyled,__parentMetadata:{parent:f}},v("badge"));return p.createElement(O,e,d.badge)}return null}(),I=c({ref:N,"aria-label":d.label?d.label+(d.badge?" "+d.badge:""):d["aria-label"],"data-pc-autofocus":d.autoFocus,className:a.classNames(d.className,j("root",{size:S,disabled:m})),disabled:m},P.getOtherProps(d),v("root"));return p.createElement(p.Fragment,null,p.createElement("button",I,x,D,d.children,M,p.createElement(i.Ripple,null)),_&&p.createElement(s.Tooltip,u({target:N,content:d.tooltip,pt:v("tooltip")},d.tooltipOptions)))})));return N.displayName="Button",e.Button=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.icons.spinner,primereact.ripple,primereact.tooltip);

package/calendar/calendar.cjs.js

@@ -743,24 +743,33 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     newViewDate.setDate(1);
     if (currentView === 'date') {
       if (newViewDate.getMonth() === 0) {
+        var newYear = decrementYear();
         newViewDate.setMonth(11);
-        newViewDate.setFullYear(decrementYear());
+        newViewDate.setFullYear(newYear);
+        props.onMonthChange && props.onMonthChange({
+          month: 11,
+          year: newYear
+        });
         setCurrentMonth(11);
       } else {
         newViewDate.setMonth(newViewDate.getMonth() - 1);
+        props.onMonthChange && props.onMonthChange({
+          month: currentMonth - 1,
+          year: currentYear
+        });
         setCurrentMonth(function (prevState) {
           return prevState - 1;
         });
       }
     } else if (currentView === 'month') {
-      var newYear = newViewDate.getFullYear() - 1;
+      var _newYear = newViewDate.getFullYear() - 1;
       if (props.yearNavigator) {
         var minYear = parseInt(props.yearRange.split(':')[0], 10);
-        if (newYear < minYear) {
-          newYear = minYear;
+        if (_newYear < minYear) {
+          _newYear = minYear;
         }
       }
-      newViewDate.setFullYear(newYear);
+      newViewDate.setFullYear(_newYear);
     }
     if (currentView === 'month') {
       newViewDate.setFullYear(decrementYear());
@@ -779,24 +788,33 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     newViewDate.setDate(1);
     if (currentView === 'date') {
       if (newViewDate.getMonth() === 11) {
+        var newYear = incrementYear();
         newViewDate.setMonth(0);
-        newViewDate.setFullYear(incrementYear());
+        newViewDate.setFullYear(newYear);
+        props.onMonthChange && props.onMonthChange({
+          month: 0,
+          year: newYear
+        });
         setCurrentMonth(0);
       } else {
         newViewDate.setMonth(newViewDate.getMonth() + 1);
+        props.onMonthChange && props.onMonthChange({
+          month: currentMonth + 1,
+          year: currentYear
+        });
         setCurrentMonth(function (prevState) {
           return prevState + 1;
         });
       }
     } else if (currentView === 'month') {
-      var newYear = newViewDate.getFullYear() + 1;
+      var _newYear2 = newViewDate.getFullYear() + 1;
       if (props.yearNavigator) {
         var maxYear = parseInt(props.yearRange.split(':')[1], 10);
-        if (newYear > maxYear) {
-          newYear = maxYear;
+        if (_newYear2 > maxYear) {
+          _newYear2 = maxYear;
         }
       }
-      newViewDate.setFullYear(newYear);
+      newViewDate.setFullYear(_newYear2);
     }
     if (currentView === 'month') {
       newViewDate.setFullYear(incrementYear());
@@ -834,6 +852,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var onMonthDropdownChange = function onMonthDropdownChange(event, value) {
     var currentViewDate = getViewDate();
     var newViewDate = cloneDate(currentViewDate);
+    newViewDate.setDate(1);
     newViewDate.setMonth(parseInt(value, 10));
     updateViewDate(event, newViewDate);
   };
@@ -1793,6 +1812,9 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   var onDateSelect = function onDateSelect(event, dateMeta, timeMeta) {
+    if (!event) {
+      return;
+    }
     if (props.disabled || !dateMeta.selectable) {
       event.preventDefault();
       return;
@@ -2417,28 +2439,44 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return props.value != null && typeof props.value !== 'string';
   };
   var isMonthSelected = function isMonthSelected(month) {
-    if (isComparable()) {
-      var value = isRangeSelection() ? props.value[0] : props.value;
-      if (isMultipleSelection()) {
-        return value.some(function (currentValue) {
-          return currentValue.getMonth() === month && currentValue.getFullYear() === currentYear;
-        });
+    if (!isComparable()) return false;
+    if (isMultipleSelection()) {
+      return props.value.some(function (v) {
+        return v.getMonth() === month && v.getFullYear() === currentYear;
+      });
+    } else if (isRangeSelection()) {
+      var _props$value = _slicedToArray(props.value, 2),
+        start = _props$value[0],
+        end = _props$value[1];
+      var startYear = start ? start.getFullYear() : null;
+      var endYear = end ? end.getFullYear() : null;
+      var startMonth = start ? start.getMonth() : null;
+      var endMonth = end ? end.getMonth() : null;
+      if (!end) {
+        return startYear === currentYear && startMonth === month;
+      } else {
+        var currentDate = new Date(currentYear, month, 1);
+        var startDate = new Date(startYear, startMonth, 1);
+        var endDate = new Date(endYear, endMonth, 1);
+        return currentDate >= startDate && currentDate <= endDate;
       }
-      return value.getMonth() === month && value.getFullYear() === currentYear;
+    } else {
+      return props.value.getMonth() === month && props.value.getFullYear() === currentYear;
     }
-    return false;
   };
   var isYearSelected = function isYearSelected(year) {
-    if (isComparable()) {
-      var value = isRangeSelection() ? props.value[0] : props.value;
-      if (isMultipleSelection()) {
-        return value.some(function (currentValue) {
-          return currentValue.getFullYear() === year;
-        });
-      }
-      return value.getFullYear() === year;
+    if (!isComparable()) return false;
+    if (isMultipleSelection()) {
+      return props.value.some(function (v) {
+        return v.getFullYear() === year;
+      });
+    } else if (isRangeSelection()) {
+      var start = props.value[0] ? props.value[0].getFullYear() : null;
+      var end = props.value[1] ? props.value[1].getFullYear() : null;
+      return start === year || end === year || start < year && end > year;
+    } else {
+      return props.value.getFullYear() === year;
     }
-    return false;
   };
   var switchViewButtonDisabled = function switchViewButtonDisabled() {
     return props.numberOfMonths > 1 || props.disabled;
@@ -2931,7 +2969,6 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day) {
       throw new Error('Invalid date'); // E.g. 31/02/00
     }
-
     return date;
   };
   var isInMinYear = function isInMinYear(viewDate) {
@@ -3034,26 +3071,25 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       isTypingRef.current = false;
 
       // #3516 view date not updated when value set programatically
-      if (!visible && newDate) {
-        var viewDate = newDate;
-        if (isMultipleSelection()) {
-          if (newDate.length) {
-            viewDate = newDate[newDate.length - 1];
-          }
-        } else if (isRangeSelection()) {
-          if (newDate.length) {
-            var startDate = newDate[0];
-            var endDate = newDate[1];
-            viewDate = endDate || startDate;
-          }
+      if (!newDate) return;
+      var viewDate = newDate;
+      if (isMultipleSelection()) {
+        if (newDate.length) {
+          viewDate = newDate[newDate.length - 1];
         }
-        if (viewDate instanceof Date) {
-          validateDate(viewDate);
-          setViewDateState(viewDate);
-          setCurrentMonth(viewDate.getMonth());
-          setCurrentYear(viewDate.getFullYear());
+      } else if (isRangeSelection()) {
+        if (newDate.length) {
+          var startDate = newDate[0];
+          var endDate = newDate[1];
+          viewDate = endDate || startDate;
         }
       }
+      if (viewDate instanceof Date) {
+        validateDate(viewDate);
+        setViewDateState(viewDate);
+        setCurrentMonth(viewDate.getMonth());
+        setCurrentYear(viewDate.getFullYear());
+      }
     }
   }, [props.value, visible]);
   hooks.useUpdateEffect(function () {