primereact 9.3.1 → 9.4.0

package/carousel/carousel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,l,c,o,u,i){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 m=p(t),f=s(n);function v(){return v=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},v.apply(this,arguments)}function d(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 h(e){if(Array.isArray(e))return d(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function y(){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 N(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,c,o=[],u=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){i=!0,a=e}finally{try{if(!u&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(i)throw a}}return o}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return N(e)||I(e,t)||b(e,t)||E()}var P={defaultProps:{__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,prevIcon:null,nextIcon:null,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,P.defaultProps)}},S=m.memo((function(e){var t=e.template(e.item),n=l.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end});return m.createElement("div",{className:n},t)})),O=m.memo(m.forwardRef((function(e,t){var s=P.getProps(e),p=C(m.useState(s.numVisible),2),d=p[0],N=p[1],I=C(m.useState(s.numScroll),2),E=I[0],O=I[1],w=C(m.useState(s.page*s.numScroll*-1),2),j=w[0],R=w[1],k=C(m.useState(s.page),2),x=k[0],T=k[1],M=m.useRef(null),A=m.useRef(null),U=m.useRef(0),V=m.useRef(!!s.autoplayInterval),D=m.useRef(""),L=m.useRef(20),_=m.useRef(null),H=m.useRef(null),z=m.useRef(null),X=m.useRef(!1),Y=m.useRef(null),J=r.usePrevious(E),q=r.usePrevious(d),F=r.usePrevious(s.value),W=r.usePrevious(s.page),$="vertical"===s.orientation,B=s.circular||!!s.autoplayInterval,G=B&&s.value&&s.value.length>=d,K=s.onPageChange?s.page:x,Q=s.value?Math.max(Math.ceil((s.value.length-d)/E)+1,0):0,Z=Q&&s.autoplayInterval&&V.current,ee=C(r.useResizeListener({listener:function(){ne()},when:s.responsiveOptions}),1)[0],te=function(e,t){var n=j;null!=t?(n=E*t*-1,G&&(n-=d),X.current=!1):(n+=E*e,X.current&&(n+=U.current-E*e,X.current=!1),t=Math.abs(Math.floor((G?n+d:n)/E)));G&&x===Q-1&&-1===e?(n=-1*(s.value.length+d),t=0):G&&0===x&&1===e?(n=0,t=Q-1):t===Q-1&&U.current>0&&(n+=-1*U.current-E*e,X.current=!0),A.current&&(l.DomHandler.removeClass(A.current,"p-items-hidden"),fe(n),A.current.style.transition="transform 500ms ease 0s"),s.onPageChange?(R(n),s.onPageChange({page:t})):(T(t),R(n))},ne=function(){if(A.current&&Y.current){for(var e=window.innerWidth,t={numVisible:s.numVisible,numScroll:s.numScroll},n=0;n<Y.current.length;n++){var r=Y.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(E!==t.numScroll){var a=Math.floor(K*E/t.numScroll),l=t.numScroll*a*-1;G&&(l-=t.numVisible),R(l),O(t.numScroll),s.onPageChange?s.onPageChange({page:a}):T(a)}d!==t.numVisible&&N(t.numVisible)}},re=function(e,t){(B||0!==K)&&te(1,t),V.current=!1,e.cancelable&&e.preventDefault()},ae=function(e,t){(B||K<Q-1)&&te(-1,t),V.current=!1,e.cancelable&&e.preventDefault()},le=function(e,t){t>K?ae(e,t):t<K&&re(e,t)},ce=function(e){A.current&&"transform"===e.propertyName&&(l.DomHandler.addClass(A.current,"p-items-hidden"),A.current.style.transition="",0!==x&&x!==Q-1||!G||fe(j))},oe=function(e){var t=e.changedTouches[0];_.current={x:t.pageX,y:t.pageY}},ue=function(e){e.cancelable&&e.preventDefault()},ie=function(e){var t=e.changedTouches[0];se(e,$?t.pageY-_.current.y:t.pageX-_.current.x)},se=function(e,t){Math.abs(t)>L&&(t<0?ae(e):re(e))},pe=function(){H.current&&clearInterval(H.current)},me=function(){z.current||(z.current=l.DomHandler.createInlineStyle(f.default.nonce));var e,t="\n            .p-carousel[".concat(D.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/d,"%\n            }\n        ");if(s.responsiveOptions){Y.current=h(e=s.responsiveOptions)||g(e)||b(e)||y(),Y.current.sort((function(e,t){return l.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,f.default.locale,f.default.nullSortOrder)}));for(var n=0;n<Y.current.length;n++){var r=Y.current[n];t+="\n                    @media screen and (max-width: ".concat(r.breakpoint,") {\n                        .p-carousel[").concat(D.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/r.numVisible,"%\n                        }\n                    }\n                ")}}z.current.innerHTML=t},fe=function(e){A.current&&(A.current.style.transform=$?"translate3d(0, ".concat(e*(100/d),"%, 0)"):"translate3d(".concat(e*(100/d),"%, 0, 0)"))};m.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return M.current}}})),r.useMountEffect((function(){M.current&&(D.current=l.UniqueComponentId(),M.current.setAttribute(D.current,"")),me(),ne(),fe(j),ee()})),r.useUpdateEffect((function(){var e=!1,t=j;if(s.autoplayInterval&&pe(),J!==E||q!==d||s.value&&F&&F.length!==s.value.length){U.current=(s.value.length-d)%E;var n=K;0!==Q&&n>=Q&&(n=Q-1,s.onPageChange?s.onPageChange({page:n}):T(n),e=!0),t=n*E*-1,G&&(t-=d),n===Q-1&&U.current>0?(t+=-1*U.current+E,X.current=!0):X.current=!1,t!==j&&(R(t),e=!0),fe(t)}G&&(0===x?t=-1*d:0===t&&(t=-1*s.value.length,U.current>0&&(X.current=!0)),t!==j&&(R(t),e=!0)),W!==s.page&&(s.page>W&&s.page<=Q-1?te(-1,s.page):s.page<W&&te(1,s.page)),!e&&Z&&(H.current=setInterval((function(){te(-1,x===Q-1?0:x+1)}),s.autoplayInterval))})),r.useUnmountEffect((function(){s.autoplayInterval&&pe()}));var ve=function(){if(s.value&&s.value.length){var e=null,t=null;if(G){var n=null;e=(n=s.value.slice(-1*d)).map((function(e,t){return m.createElement(S,{key:t+"_scloned",className:"p-carousel-item-cloned",template:s.itemTemplate,item:e,active:-1*j===s.value.length+d,start:0===t,end:t===n.length-1})})),t=(n=s.value.slice(0,d)).map((function(e,t){return m.createElement(S,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:s.itemTemplate,item:e,active:0===j,start:0===t,end:t===n.length-1})}))}var r=s.value.map((function(e,t){var n=G?-1*(j+d):-1*j,r=n+d-1;return m.createElement(S,{key:t,template:s.itemTemplate,item:e,active:n<=t&&r>=t,start:n===t,end:r===t})}));return m.createElement(m.Fragment,null,e,r,t)}},de=function(){if(s.showNavigators){var e=(!B||s.value&&s.value.length<d)&&0===K,t=l.classNames("p-carousel-prev p-link",{"p-disabled":e}),r="p-carousel-prev-icon",o=l.IconUtils.getJSXIcon($?s.prevIcon||m.createElement(c.ChevronUpIcon,{className:r}):s.prevIcon||m.createElement(i.ChevronLeftIcon,{className:r}),{className:t},{props:s});return m.createElement("button",{type:"button",className:t,onClick:re,disabled:e,"aria-label":n.ariaLabel("previousPageLabel")},o,m.createElement(a.Ripple,null))}return null},he=function(){if(s.showNavigators){var e=(!B||s.value&&s.value.length<d)&&(K===Q-1||0===Q),t=l.classNames("p-carousel-next p-link",{"p-disabled":e}),r="p-carousel-next-icon",c=l.IconUtils.getJSXIcon($?s.nextIcon||m.createElement(u.ChevronDownIcon,{className:r}):s.nextIcon||m.createElement(o.ChevronRightIcon,{className:r}),{className:t},{props:s});return m.createElement("button",{type:"button",className:t,onClick:ae,disabled:e,"aria-label":n.ariaLabel("nextPageLabel")},c,m.createElement(a.Ripple,null))}return null},ge=function(e){var t="carousel-indicator-"+e,r=l.classNames("p-carousel-indicator",{"p-highlight":K===e});return m.createElement("li",{key:t,className:r},m.createElement("button",{type:"button",className:"p-link",onClick:function(t){return le(t,e)},"aria-label":"".concat(n.ariaLabel("pageLabel")," ").concat(e+1)},m.createElement(a.Ripple,null)))},be=P.getOtherProps(s),ye=l.classNames("p-carousel p-component",{"p-carousel-vertical":$,"p-carousel-horizontal":!$},s.className),Ne=l.classNames("p-carousel-content",s.contentClassName),Ie=function(){var e=ve(),t=$?s.verticalViewPortHeight:"auto",n=de(),r=he(),a=l.classNames("p-carousel-container",s.containerClassName);return m.createElement("div",{className:a},n,m.createElement("div",{className:"p-carousel-items-content",style:{height:t},onTouchStart:oe,onTouchMove:ue,onTouchEnd:ie},m.createElement("div",{ref:A,className:"p-carousel-items-container",onTransitionEnd:ce},e)),r)}(),Ee=function(){if(s.showIndicators){for(var e=l.classNames("p-carousel-indicators p-reset",s.indicatorsContentClassName),t=[],n=0;n<Q;n++)t.push(ge(n));return m.createElement("ul",{className:e},t)}return null}(),Ce=s.header?m.createElement("div",{className:"p-carousel-header"},s.header):null,Pe=s.footer?m.createElement("div",{className:"p-carousel-footer"},s.footer):null;return m.createElement("div",v({ref:M,id:s.id,className:ye,style:s.style},be),Ce,m.createElement("div",{className:Ne},Ie,Ee),Pe)})));return S.displayName="CarouselItem",O.displayName="Carousel",e.Carousel=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils,primereact.icons.chevronup,primereact.icons.chevronright,primereact.icons.chevrondown,primereact.icons.chevronleft);
+this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,l,c,u,o,i){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 m=p(t),f=s(n);function v(){return v=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},v.apply(this,arguments)}function d(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 h(e){if(Array.isArray(e))return d(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function y(){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 N(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,c,u=[],o=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(i)throw a}}return u}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return N(e)||I(e,t)||b(e,t)||E()}var P={defaultProps:{__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,prevIcon:null,nextIcon:null,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,P.defaultProps)}},S=m.memo((function(e){var t=e.template(e.item),n=i.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end});return m.createElement("div",{className:n},t)})),O=m.memo(m.forwardRef((function(e,t){var s=P.getProps(e),p=C(m.useState(s.numVisible),2),d=p[0],N=p[1],I=C(m.useState(s.numScroll),2),E=I[0],O=I[1],w=C(m.useState(s.page*s.numScroll*-1),2),j=w[0],R=w[1],k=C(m.useState(s.page),2),x=k[0],T=k[1],M=m.useRef(null),A=m.useRef(null),U=m.useRef(0),V=m.useRef(!!s.autoplayInterval),D=m.useRef(""),L=m.useRef(20),_=m.useRef(null),H=m.useRef(null),z=m.useRef(null),X=m.useRef(!1),Y=m.useRef(null),J=r.usePrevious(E),q=r.usePrevious(d),F=r.usePrevious(s.value),W=r.usePrevious(s.page),$="vertical"===s.orientation,B=s.circular||!!s.autoplayInterval,G=B&&s.value&&s.value.length>=d,K=s.value?Math.max(Math.ceil((s.value.length-d)/E)+1,0):0,Q=K&&s.autoplayInterval&&V.current,Z=s.onPageChange&&!Q,ee=Z?s.page:x,te=C(r.useResizeListener({listener:function(){re()},when:s.responsiveOptions}),1)[0],ne=function(e,t){var n=j;null!=t?(n=E*t*-1,G&&(n-=d),X.current=!1):(n+=E*e,X.current&&(n+=U.current-E*e,X.current=!1),t=Math.abs(Math.floor((G?n+d:n)/E)));G&&x===K-1&&-1===e?(n=-1*(s.value.length+d),t=0):G&&0===x&&1===e?(n=0,t=K-1):t===K-1&&U.current>0&&(n+=-1*U.current-E*e,X.current=!0),A.current&&(i.DomHandler.removeClass(A.current,"p-items-hidden"),ve(n),A.current.style.transition="transform 500ms ease 0s"),de(t),R(n)},re=function(){if(A.current&&Y.current){for(var e=window.innerWidth,t={numVisible:s.numVisible,numScroll:s.numScroll},n=0;n<Y.current.length;n++){var r=Y.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(E!==t.numScroll){var a=Math.floor(ee*E/t.numScroll),l=t.numScroll*a*-1;G&&(l-=t.numVisible),R(l),O(t.numScroll),de(a)}d!==t.numVisible&&N(t.numVisible)}},ae=function(e,t){(B||0!==ee)&&ne(1,t),V.current=!1,e.cancelable&&e.preventDefault()},le=function(e,t){(B||ee<K-1)&&ne(-1,t),V.current=!1,e.cancelable&&e.preventDefault()},ce=function(e,t){t>ee?le(e,t):t<ee&&ae(e,t)},ue=function(e){A.current&&"transform"===e.propertyName&&(i.DomHandler.addClass(A.current,"p-items-hidden"),A.current.style.transition="",0!==x&&x!==K-1||!G||ve(j))},oe=function(e){var t=e.changedTouches[0];_.current={x:t.pageX,y:t.pageY}},ie=function(e){e.cancelable&&e.preventDefault()},se=function(e){var t=e.changedTouches[0];pe(e,$?t.pageY-_.current.y:t.pageX-_.current.x)},pe=function(e,t){Math.abs(t)>L&&(t<0?le(e):ae(e))},me=function(){H.current&&clearInterval(H.current)},fe=function(){z.current||(z.current=i.DomHandler.createInlineStyle(f.default.nonce));var e,t="\n            .p-carousel[".concat(D.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/d,"%\n            }\n        ");if(s.responsiveOptions){Y.current=h(e=s.responsiveOptions)||g(e)||b(e)||y(),Y.current.sort((function(e,t){return i.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,f.default.locale,f.default.nullSortOrder)}));for(var n=0;n<Y.current.length;n++){var r=Y.current[n];t+="\n                    @media screen and (max-width: ".concat(r.breakpoint,") {\n                        .p-carousel[").concat(D.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/r.numVisible,"%\n                        }\n                    }\n                ")}}z.current.innerHTML=t},ve=function(e){A.current&&(A.current.style.transform=$?"translate3d(0, ".concat(e*(100/d),"%, 0)"):"translate3d(".concat(e*(100/d),"%, 0, 0)"))},de=function(e){!Z&&T(e),s.onPageChange&&s.onPageChange({page:e})};m.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return M.current}}})),r.useMountEffect((function(){M.current&&(D.current=i.UniqueComponentId(),M.current.setAttribute(D.current,"")),fe(),re(),ve(j),te()})),r.useUpdateEffect((function(){var e=!1,t=j;if(s.autoplayInterval&&me(),J!==E||q!==d||s.value&&F&&F.length!==s.value.length){U.current=(s.value.length-d)%E;var n=ee;0!==K&&n>=K&&(de(n=K-1),e=!0),t=n*E*-1,G&&(t-=d),n===K-1&&U.current>0?(t+=-1*U.current+E,X.current=!0):X.current=!1,t!==j&&(R(t),e=!0),ve(t)}G&&(0===x?t=-1*d:0===t&&(t=-1*s.value.length,U.current>0&&(X.current=!0)),t!==j&&(R(t),e=!0)),W!==s.page&&(s.page>W&&s.page<=K-1?ne(-1,s.page):s.page<W&&ne(1,s.page)),!e&&Q&&(H.current=setInterval((function(){ne(-1,x===K-1?0:x+1)}),s.autoplayInterval))})),r.useUnmountEffect((function(){s.autoplayInterval&&me()}));var he=function(){if(s.value&&s.value.length){var e=null,t=null;if(G){var n=null;e=(n=s.value.slice(-1*d)).map((function(e,t){return m.createElement(S,{key:t+"_scloned",className:"p-carousel-item-cloned",template:s.itemTemplate,item:e,active:-1*j===s.value.length+d,start:0===t,end:t===n.length-1})})),t=(n=s.value.slice(0,d)).map((function(e,t){return m.createElement(S,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:s.itemTemplate,item:e,active:0===j,start:0===t,end:t===n.length-1})}))}var r=s.value.map((function(e,t){var n=G?-1*(j+d):-1*j,r=n+d-1;return m.createElement(S,{key:t,template:s.itemTemplate,item:e,active:n<=t&&r>=t,start:n===t,end:r===t})}));return m.createElement(m.Fragment,null,e,r,t)}},ge=function(){if(s.showNavigators){var e=(!B||s.value&&s.value.length<d)&&0===ee,t=i.classNames("p-carousel-prev p-link",{"p-disabled":e}),r="p-carousel-prev-icon",a=i.IconUtils.getJSXIcon($?s.prevIcon||m.createElement(u.ChevronUpIcon,{className:r}):s.prevIcon||m.createElement(l.ChevronLeftIcon,{className:r}),{className:t},{props:s});return m.createElement("button",{type:"button",className:t,onClick:ae,disabled:e,"aria-label":n.ariaLabel("previousPageLabel")},a,m.createElement(o.Ripple,null))}return null},be=function(){if(s.showNavigators){var e=(!B||s.value&&s.value.length<d)&&(ee===K-1||0===K),t=i.classNames("p-carousel-next p-link",{"p-disabled":e}),r="p-carousel-next-icon",l=i.IconUtils.getJSXIcon($?s.nextIcon||m.createElement(a.ChevronDownIcon,{className:r}):s.nextIcon||m.createElement(c.ChevronRightIcon,{className:r}),{className:t},{props:s});return m.createElement("button",{type:"button",className:t,onClick:le,disabled:e,"aria-label":n.ariaLabel("nextPageLabel")},l,m.createElement(o.Ripple,null))}return null},ye=function(e){var t="carousel-indicator-"+e,r=i.classNames("p-carousel-indicator",{"p-highlight":ee===e});return m.createElement("li",{key:t,className:r},m.createElement("button",{type:"button",className:"p-link",onClick:function(t){return ce(t,e)},"aria-label":"".concat(n.ariaLabel("pageLabel")," ").concat(e+1)},m.createElement(o.Ripple,null)))},Ne=P.getOtherProps(s),Ie=i.classNames("p-carousel p-component",{"p-carousel-vertical":$,"p-carousel-horizontal":!$},s.className),Ee=i.classNames("p-carousel-content",s.contentClassName),Ce=function(){var e=he(),t=$?s.verticalViewPortHeight:"auto",n=ge(),r=be(),a=i.classNames("p-carousel-container",s.containerClassName);return m.createElement("div",{className:a},n,m.createElement("div",{className:"p-carousel-items-content",style:{height:t},onTouchStart:oe,onTouchMove:ie,onTouchEnd:se},m.createElement("div",{ref:A,className:"p-carousel-items-container",onTransitionEnd:ue},e)),r)}(),Pe=function(){if(s.showIndicators){for(var e=i.classNames("p-carousel-indicators p-reset",s.indicatorsContentClassName),t=[],n=0;n<K;n++)t.push(ye(n));return m.createElement("ul",{className:e},t)}return null}(),Se=s.header?m.createElement("div",{className:"p-carousel-header"},s.header):null,Oe=s.footer?m.createElement("div",{className:"p-carousel-footer"},s.footer):null;return m.createElement("div",v({ref:M,id:s.id,className:Ie,style:s.style},Ne),Se,m.createElement("div",{className:Ee},Ce,Pe),Oe)})));return S.displayName="CarouselItem",O.displayName="Carousel",e.Carousel=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevronup,primereact.ripple,primereact.utils);

package/chart/chart.cjs.js

@@ -149,6 +149,8 @@ var PrimeReactChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     width: props.width,
     height: props.height
   }, props.style);
+  var title = props.options && props.options.plugins && props.options.plugins.title && props.options.plugins.title.text;
+  var ariaLabel = props.ariaLabel || title;
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
     ref: elementRef,
@@ -157,7 +159,9 @@ var PrimeReactChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
   }, otherProps), /*#__PURE__*/React__namespace.createElement("canvas", {
     ref: canvasRef,
     width: props.width,
-    height: props.height
+    height: props.height,
+    role: "img",
+    "aria-label": ariaLabel
   }));
 }), function (prevProps, nextProps) {
   return prevProps.data === nextProps.data && prevProps.options === nextProps.options && prevProps.type === nextProps.type;

package/chart/chart.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=n(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var c={defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,c.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,c.defaultProps)}},i=function(){try{return Chart}catch(e){return null}}(),o=u.memo(u.forwardRef((function(e,o){var s=c.getProps(e),l=u.useRef(null),f=u.useRef(null),p=u.useRef(null),d=function(){h();var e={type:s.type,data:s.data,options:s.options,plugins:s.plugins};i?f.current=new i(p.current,e):Promise.resolve().then((function(){return n(require("chart.js/auto"))})).then((function(t){h(),p.current&&t&&(f.current=t.default?new t.default(p.current,e):new t(p.current,e))}))},h=function(){f.current&&(f.current.destroy(),f.current=null)};u.useImperativeHandle(o,(function(){return{props:s,getCanvas:function(){return p.current},getChart:function(){return f.current},getBase64Image:function(){return f.current.toBase64Image()},getElement:function(){return l.current},generateLegend:function(){return f.current&&f.current.generateLegend()},refresh:function(){return f.current&&f.current.update()}}})),u.useEffect((function(){d()})),t.useUnmountEffect((function(){h()}));var g=c.getOtherProps(s),m=r.classNames("p-chart",s.className),v=Object.assign({width:s.width,height:s.height},s.style);return u.createElement("div",a({id:s.id,ref:l,style:v,className:m},g),u.createElement("canvas",{ref:p,width:s.width,height:s.height}))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));o.displayName="Chart",exports.Chart=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=n(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}var a={defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,a.defaultProps)}},o=function(){try{return Chart}catch(e){return null}}(),c=u.memo(u.forwardRef((function(e,c){var l=a.getProps(e),s=u.useRef(null),f=u.useRef(null),p=u.useRef(null),d=function(){g();var e={type:l.type,data:l.data,options:l.options,plugins:l.plugins};o?f.current=new o(p.current,e):Promise.resolve().then((function(){return n(require("chart.js/auto"))})).then((function(t){g(),p.current&&t&&(f.current=t.default?new t.default(p.current,e):new t(p.current,e))}))},g=function(){f.current&&(f.current.destroy(),f.current=null)};u.useImperativeHandle(c,(function(){return{props:l,getCanvas:function(){return p.current},getChart:function(){return f.current},getBase64Image:function(){return f.current.toBase64Image()},getElement:function(){return s.current},generateLegend:function(){return f.current&&f.current.generateLegend()},refresh:function(){return f.current&&f.current.update()}}})),u.useEffect((function(){d()})),t.useUnmountEffect((function(){g()}));var h=a.getOtherProps(l),m=r.classNames("p-chart",l.className),v=Object.assign({width:l.width,height:l.height},l.style),y=l.ariaLabel||l.options&&l.options.plugins&&l.options.plugins.title&&l.options.plugins.title.text;return u.createElement("div",i({id:l.id,ref:s,style:v,className:m},h),u.createElement("canvas",{ref:p,width:l.width,height:l.height,role:"img","aria-label":y}))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));c.displayName="Chart",exports.Chart=c;

package/chart/chart.d.ts

@@ -50,6 +50,11 @@ export interface ChartProps {
      * Style class of the element.
      */
     className?: string | undefined;
+    /**
+     * ARIA label for the chart canvas. Defaults to options.plugins.title.text if available.
+     * @default options.plugins.title.text
+     */
+    ariaLabel?: string | undefined;
     /**
      * Used to get the child elements of the component.
      * @readonly

package/chart/chart.esm.js

@@ -125,6 +125,8 @@ var PrimeReactChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     width: props.width,
     height: props.height
   }, props.style);
+  var title = props.options && props.options.plugins && props.options.plugins.title && props.options.plugins.title.text;
+  var ariaLabel = props.ariaLabel || title;
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
     ref: elementRef,
@@ -133,7 +135,9 @@ var PrimeReactChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
   }, otherProps), /*#__PURE__*/React.createElement("canvas", {
     ref: canvasRef,
     width: props.width,
-    height: props.height
+    height: props.height,
+    role: "img",
+    "aria-label": ariaLabel
   }));
 }), function (prevProps, nextProps) {
   return prevProps.data === nextProps.data && prevProps.options === nextProps.options && prevProps.type === nextProps.type;

package/chart/chart.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import{useUnmountEffect as e}from"primereact/hooks";import{ObjectUtils as r,classNames as n}from"primereact/utils";function u(){return u=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},u.apply(this,arguments)}var a={defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},getProps:function(t){return r.getMergedProps(t,a.defaultProps)},getOtherProps:function(t){return r.getDiffProps(t,a.defaultProps)}},o=function(){try{return Chart}catch(t){return null}}(),i=t.memo(t.forwardRef((function(r,i){var c=a.getProps(r),l=t.useRef(null),s=t.useRef(null),f=t.useRef(null),p=function(){h();var t={type:c.type,data:c.data,options:c.options,plugins:c.plugins};o?s.current=new o(f.current,t):import("chart.js/auto").then((function(e){h(),f.current&&e&&(s.current=e.default?new e.default(f.current,t):new e(f.current,t))}))},h=function(){s.current&&(s.current.destroy(),s.current=null)};t.useImperativeHandle(i,(function(){return{props:c,getCanvas:function(){return f.current},getChart:function(){return s.current},getBase64Image:function(){return s.current.toBase64Image()},getElement:function(){return l.current},generateLegend:function(){return s.current&&s.current.generateLegend()},refresh:function(){return s.current&&s.current.update()}}})),t.useEffect((function(){p()})),e((function(){h()}));var d=a.getOtherProps(c),g=n("p-chart",c.className),m=Object.assign({width:c.width,height:c.height},c.style);return t.createElement("div",u({id:c.id,ref:l,style:m,className:g},d),t.createElement("canvas",{ref:f,width:c.width,height:c.height}))})),(function(t,e){return t.data===e.data&&t.options===e.options&&t.type===e.type}));i.displayName="Chart";export{i as Chart};
+import*as t from"react";import{useUnmountEffect as e}from"primereact/hooks";import{ObjectUtils as r,classNames as n}from"primereact/utils";function u(){return u=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},u.apply(this,arguments)}var a={defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},getProps:function(t){return r.getMergedProps(t,a.defaultProps)},getOtherProps:function(t){return r.getDiffProps(t,a.defaultProps)}},i=function(){try{return Chart}catch(t){return null}}(),o=t.memo(t.forwardRef((function(r,o){var l=a.getProps(r),s=t.useRef(null),c=t.useRef(null),p=t.useRef(null),f=function(){g();var t={type:l.type,data:l.data,options:l.options,plugins:l.plugins};i?c.current=new i(p.current,t):import("chart.js/auto").then((function(e){g(),p.current&&e&&(c.current=e.default?new e.default(p.current,t):new e(p.current,t))}))},g=function(){c.current&&(c.current.destroy(),c.current=null)};t.useImperativeHandle(o,(function(){return{props:l,getCanvas:function(){return p.current},getChart:function(){return c.current},getBase64Image:function(){return c.current.toBase64Image()},getElement:function(){return s.current},generateLegend:function(){return c.current&&c.current.generateLegend()},refresh:function(){return c.current&&c.current.update()}}})),t.useEffect((function(){f()})),e((function(){g()}));var h=a.getOtherProps(l),d=n("p-chart",l.className),m=Object.assign({width:l.width,height:l.height},l.style),y=l.ariaLabel||l.options&&l.options.plugins&&l.options.plugins.title&&l.options.plugins.title.text;return t.createElement("div",u({id:l.id,ref:s,style:m,className:d},h),t.createElement("canvas",{ref:p,width:l.width,height:l.height,role:"img","aria-label":y}))})),(function(t,e){return t.data===e.data&&t.options===e.options&&t.type===e.type}));o.displayName="Chart";export{o as Chart};

package/chart/chart.js

@@ -145,6 +145,8 @@ this.primereact.chart = (function (exports, React, hooks, utils) {
       width: props.width,
       height: props.height
     }, props.style);
+    var title = props.options && props.options.plugins && props.options.plugins.title && props.options.plugins.title.text;
+    var ariaLabel = props.ariaLabel || title;
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
       ref: elementRef,
@@ -153,7 +155,9 @@ this.primereact.chart = (function (exports, React, hooks, utils) {
     }, otherProps), /*#__PURE__*/React__namespace.createElement("canvas", {
       ref: canvasRef,
       width: props.width,
-      height: props.height
+      height: props.height,
+      role: "img",
+      "aria-label": ariaLabel
     }));
   }), function (prevProps, nextProps) {
     return prevProps.data === nextProps.data && prevProps.options === nextProps.options && prevProps.type === nextProps.type;

package/chart/chart.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chart=function(e,t,r,n){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=u(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}var i={defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,i.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,i.defaultProps)}},o=function(){try{return Chart}catch(e){return null}}(),s=a.memo(a.forwardRef((function(e,t){var u=i.getProps(e),s=a.useRef(null),l=a.useRef(null),f=a.useRef(null),p=function(){h();var e={type:u.type,data:u.data,options:u.options,plugins:u.plugins};o?l.current=new o(f.current,e):import("chart.js/auto").then((function(t){h(),f.current&&t&&(l.current=t.default?new t.default(f.current,e):new t(f.current,e))}))},h=function(){l.current&&(l.current.destroy(),l.current=null)};a.useImperativeHandle(t,(function(){return{props:u,getCanvas:function(){return f.current},getChart:function(){return l.current},getBase64Image:function(){return l.current.toBase64Image()},getElement:function(){return s.current},generateLegend:function(){return l.current&&l.current.generateLegend()},refresh:function(){return l.current&&l.current.update()}}})),a.useEffect((function(){p()})),r.useUnmountEffect((function(){h()}));var d=i.getOtherProps(u),g=n.classNames("p-chart",u.className),m=Object.assign({width:u.width,height:u.height},u.style);return a.createElement("div",c({id:u.id,ref:s,style:m,className:g},d),a.createElement("canvas",{ref:f,width:u.width,height:u.height}))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));return s.displayName="Chart",e.Chart=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.chart=function(e,t,r,n){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=u(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var c={defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,c.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,c.defaultProps)}},o=function(){try{return Chart}catch(e){return null}}(),l=i.memo(i.forwardRef((function(e,t){var u=c.getProps(e),l=i.useRef(null),s=i.useRef(null),f=i.useRef(null),p=function(){h();var e={type:u.type,data:u.data,options:u.options,plugins:u.plugins};o?s.current=new o(f.current,e):import("chart.js/auto").then((function(t){h(),f.current&&t&&(s.current=t.default?new t.default(f.current,e):new t(f.current,e))}))},h=function(){s.current&&(s.current.destroy(),s.current=null)};i.useImperativeHandle(t,(function(){return{props:u,getCanvas:function(){return f.current},getChart:function(){return s.current},getBase64Image:function(){return s.current.toBase64Image()},getElement:function(){return l.current},generateLegend:function(){return s.current&&s.current.generateLegend()},refresh:function(){return s.current&&s.current.update()}}})),i.useEffect((function(){p()})),r.useUnmountEffect((function(){h()}));var d=c.getOtherProps(u),g=n.classNames("p-chart",u.className),m=Object.assign({width:u.width,height:u.height},u.style),y=u.ariaLabel||u.options&&u.options.plugins&&u.options.plugins.title&&u.options.plugins.title.text;return i.createElement("div",a({id:u.id,ref:l,style:m,className:g},d),i.createElement("canvas",{ref:f,width:u.width,height:u.height,role:"img","aria-label":y}))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));return l.displayName="Chart",e.Chart=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);

package/checkbox/checkbox.cjs.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var hooks = require('primereact/hooks');
+var check = require('primereact/icons/check');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
-var check = require('primereact/icons/check');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -119,6 +119,7 @@ var CheckboxBase = {
     tooltip: null,
     tooltipOptions: null,
     onChange: null,
+    onClick: null,
     onMouseDown: null,
     onContextMenu: null,
     children: undefined
@@ -140,19 +141,26 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var elementRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(props.inputRef);
   var onClick = function onClick(event) {
-    if (!props.disabled && !props.readOnly && props.onChange) {
+    if (props.disabled || props.readOnly) {
+      return;
+    }
+    if (props.onChange || props.onClick) {
       var _checked = isChecked();
       var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
       var isInputToggled = event.target === inputRef.current;
       var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
       if (isInputToggled || isCheckboxToggled) {
         var value = _checked ? props.falseValue : props.trueValue;
-        props.onChange({
+        var eventData = {
           originalEvent: event,
           value: props.value,
           checked: value,
-          stopPropagation: function stopPropagation() {},
-          preventDefault: function preventDefault() {},
+          stopPropagation: function stopPropagation() {
+            event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event.preventDefault();
+          },
           target: {
             type: 'checkbox',
             name: props.name,
@@ -160,7 +168,14 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
             value: props.value,
             checked: value
           }
-        });
+        };
+        props.onClick && props.onClick(eventData);
+
+        // do not continue if the user defined click wants to prevent
+        if (event.defaultPrevented) {
+          return;
+        }
+        props.onChange && props.onChange(eventData);
       }
       utils.DomHandler.focus(inputRef.current);
       event.preventDefault();
@@ -231,7 +246,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     className: className,
     style: props.style
   }, otherProps, {
-    onClick: onClick,
+    onPointerUp: onClick,
     onContextMenu: props.onContextMenu,
     onMouseDown: props.onMouseDown
   }), /*#__PURE__*/React__namespace.createElement("div", {

package/checkbox/checkbox.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/tooltip"),r=require("primereact/utils"),o=require("primereact/icons/check");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 l=c(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,c,l,a=[],u=!0,i=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=c.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(i)throw o}}return a}}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 f(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 d(){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 p={defaultProps:{__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:null,tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,p.defaultProps)}},b=l.memo(l.forwardRef((function(e,c){var s,b,m=p.getProps(e),h=l.useState(!1),y=(b=2,u(s=h)||i(s,b)||f(s,b)||d()),g=y[0],v=y[1],O=l.useRef(null),k=l.useRef(m.inputRef),x=function(e){if(!m.disabled&&!m.readOnly&&m.onChange){var t=j(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===k.current||n&&e.target.checked!==t){var o=t?m.falseValue:m.trueValue;m.onChange({originalEvent:e,value:m.value,checked:o,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:m.name,id:m.id,value:m.value,checked:o}})}r.DomHandler.focus(k.current),e.preventDefault()}},j=function(){return m.checked===m.trueValue};l.useImperativeHandle(c,(function(){return{props:m,focus:function(){return r.DomHandler.focus(k.current)},getElement:function(){return O.current},getInput:function(){return k.current}}})),l.useEffect((function(){r.ObjectUtils.combinedRefs(k,m.inputRef)}),[k,m.inputRef]),t.useUpdateEffect((function(){k.current.checked=j()}),[m.checked,m.trueValue]);var E=j(),P=r.ObjectUtils.isNotEmpty(m.tooltip),I=p.getOtherProps(m),C=r.ObjectUtils.reduceKeys(I,r.DomHandler.ARIA_PROPS),D=r.classNames("p-checkbox p-component",{"p-checkbox-checked":E,"p-checkbox-disabled":m.disabled,"p-checkbox-focused":g},m.className),M=r.classNames("p-checkbox-box",{"p-highlight":E,"p-disabled":m.disabled,"p-focus":g}),w="p-checkbox-icon p-c",N=r.IconUtils.getJSXIcon(E?m.icon||l.createElement(o.CheckIcon,{className:w}):null,{className:w},{props:m,checked:E});return l.createElement(l.Fragment,null,l.createElement("div",a({ref:O,id:m.id,className:D,style:m.style},I,{onClick:x,onContextMenu:m.onContextMenu,onMouseDown:m.onMouseDown}),l.createElement("div",{className:"p-hidden-accessible"},l.createElement("input",a({ref:k,type:"checkbox",id:m.inputId,name:m.name,tabIndex:m.tabIndex,defaultChecked:E,onFocus:function(){v(!0)},onBlur:function(){v(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||x(e)},disabled:m.disabled,readOnly:m.readOnly,required:m.required},C))),l.createElement("div",{className:M},N)),P&&l.createElement(n.Tooltip,a({target:O,content:m.tooltip},m.tooltipOptions)))})));b.displayName="Checkbox",exports.Checkbox=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/icons/check"),r=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 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=l(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,c,a=[],u=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(i)throw o}}return a}}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 f(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 d(){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 p={defaultProps:{__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:null,tooltip:null,tooltipOptions:null,onChange:null,onClick:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,p.defaultProps)}},b=c.memo(c.forwardRef((function(e,l){var s,b,m=p.getProps(e),h=c.useState(!1),g=(b=2,u(s=h)||i(s,b)||f(s,b)||d()),y=g[0],v=g[1],k=c.useRef(null),O=c.useRef(m.inputRef),x=function(e){if(!m.disabled&&!m.readOnly&&(m.onChange||m.onClick)){var t=j(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===O.current||n&&e.target.checked!==t){var r=t?m.falseValue:m.trueValue,l={originalEvent:e,value:m.value,checked:r,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:m.name,id:m.id,value:m.value,checked:r}};if(m.onClick&&m.onClick(l),e.defaultPrevented)return;m.onChange&&m.onChange(l)}o.DomHandler.focus(O.current),e.preventDefault()}},j=function(){return m.checked===m.trueValue};c.useImperativeHandle(l,(function(){return{props:m,focus:function(){return o.DomHandler.focus(O.current)},getElement:function(){return k.current},getInput:function(){return O.current}}})),c.useEffect((function(){o.ObjectUtils.combinedRefs(O,m.inputRef)}),[O,m.inputRef]),t.useUpdateEffect((function(){O.current.checked=j()}),[m.checked,m.trueValue]);var P=j(),C=o.ObjectUtils.isNotEmpty(m.tooltip),E=p.getOtherProps(m),I=o.ObjectUtils.reduceKeys(E,o.DomHandler.ARIA_PROPS),D=o.classNames("p-checkbox p-component",{"p-checkbox-checked":P,"p-checkbox-disabled":m.disabled,"p-checkbox-focused":y},m.className),M=o.classNames("p-checkbox-box",{"p-highlight":P,"p-disabled":m.disabled,"p-focus":y}),w="p-checkbox-icon p-c",N=o.IconUtils.getJSXIcon(P?m.icon||c.createElement(n.CheckIcon,{className:w}):null,{className:w},{props:m,checked:P});return c.createElement(c.Fragment,null,c.createElement("div",a({ref:k,id:m.id,className:D,style:m.style},E,{onPointerUp:x,onContextMenu:m.onContextMenu,onMouseDown:m.onMouseDown}),c.createElement("div",{className:"p-hidden-accessible"},c.createElement("input",a({ref:O,type:"checkbox",id:m.inputId,name:m.name,tabIndex:m.tabIndex,defaultChecked:P,onFocus:function(){v(!0)},onBlur:function(){v(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||x(e)},disabled:m.disabled,readOnly:m.readOnly,required:m.required},I))),c.createElement("div",{className:M},N)),C&&c.createElement(r.Tooltip,a({target:k,content:m.tooltip},m.tooltipOptions)))})));b.displayName="Checkbox",exports.Checkbox=b;

package/checkbox/checkbox.d.ts

@@ -20,11 +20,19 @@ import { IconType } from '../utils';
  */
 interface CheckboxChangeEvent extends FormEvent {}
 
+/**
+ * Custom click event.
+ * @see {@link CheckboxProps.onClick}
+ * @extends {FormEvent}
+ * @event
+ */
+interface CheckboxClickEvent extends FormEvent {}
+
 /**
  * Defines valid properties in Checkbox component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface CheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
+export interface CheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'onClick' | 'ref'> {
     /**
      * Unique identifier of the element.
      */
@@ -106,6 +114,11 @@ export interface CheckboxProps extends Omit<React.DetailedHTMLProps<React.InputH
      * @param {CheckboxChangeEvent} event - Custom change event
      */
     onChange?(event: CheckboxChangeEvent): void;
+    /**
+     * Callback to invoke on value change. Mark the event with preventDefault to prevent the option from changing.
+     * @param {CheckboxClickEvent} event - Custom click event
+     */
+    onClick?(event: CheckboxClickEvent): void;
     /**
      * Callback to invoke to when a mouse button is pressed.
      * @param {React.MouseEvent<HTMLElement>} event - Browser event

package/checkbox/checkbox.esm.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useUpdateEffect } from 'primereact/hooks';
+import { CheckIcon } from 'primereact/icons/check';
 import { Tooltip } from 'primereact/tooltip';
 import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
-import { CheckIcon } from 'primereact/icons/check';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -95,6 +95,7 @@ var CheckboxBase = {
     tooltip: null,
     tooltipOptions: null,
     onChange: null,
+    onClick: null,
     onMouseDown: null,
     onContextMenu: null,
     children: undefined
@@ -116,19 +117,26 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var elementRef = React.useRef(null);
   var inputRef = React.useRef(props.inputRef);
   var onClick = function onClick(event) {
-    if (!props.disabled && !props.readOnly && props.onChange) {
+    if (props.disabled || props.readOnly) {
+      return;
+    }
+    if (props.onChange || props.onClick) {
       var _checked = isChecked();
       var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
       var isInputToggled = event.target === inputRef.current;
       var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
       if (isInputToggled || isCheckboxToggled) {
         var value = _checked ? props.falseValue : props.trueValue;
-        props.onChange({
+        var eventData = {
           originalEvent: event,
           value: props.value,
           checked: value,
-          stopPropagation: function stopPropagation() {},
-          preventDefault: function preventDefault() {},
+          stopPropagation: function stopPropagation() {
+            event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event.preventDefault();
+          },
           target: {
             type: 'checkbox',
             name: props.name,
@@ -136,7 +144,14 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
             value: props.value,
             checked: value
           }
-        });
+        };
+        props.onClick && props.onClick(eventData);
+
+        // do not continue if the user defined click wants to prevent
+        if (event.defaultPrevented) {
+          return;
+        }
+        props.onChange && props.onChange(eventData);
       }
       DomHandler.focus(inputRef.current);
       event.preventDefault();
@@ -207,7 +222,7 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     className: className,
     style: props.style
   }, otherProps, {
-    onClick: onClick,
+    onPointerUp: onClick,
     onContextMenu: props.onContextMenu,
     onMouseDown: props.onMouseDown
   }), /*#__PURE__*/React.createElement("div", {

package/checkbox/checkbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useUpdateEffect as t}from"primereact/hooks";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as r,DomHandler as o,classNames as l,IconUtils as a}from"primereact/utils";import{CheckIcon as c}from"primereact/icons/check";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 i(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,c=[],u=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw o}}return c}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function d(){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 m={defaultProps:{__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:null,tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return r.getMergedProps(e,m.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,m.defaultProps)}},h=e.memo(e.forwardRef((function(f,h){var b,g,y=m.getProps(f),v=e.useState(!1),k=(g=2,i(b=v)||s(b,g)||p(b,g)||d()),x=k[0],O=k[1],E=e.useRef(null),P=e.useRef(y.inputRef),I=function(e){if(!y.disabled&&!y.readOnly&&y.onChange){var t=C(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===P.current||n&&e.target.checked!==t){var r=t?y.falseValue:y.trueValue;y.onChange({originalEvent:e,value:y.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:y.name,id:y.id,value:y.value,checked:r}})}o.focus(P.current),e.preventDefault()}},C=function(){return y.checked===y.trueValue};e.useImperativeHandle(h,(function(){return{props:y,focus:function(){return o.focus(P.current)},getElement:function(){return E.current},getInput:function(){return P.current}}})),e.useEffect((function(){r.combinedRefs(P,y.inputRef)}),[P,y.inputRef]),t((function(){P.current.checked=C()}),[y.checked,y.trueValue]);var w=C(),M=r.isNotEmpty(y.tooltip),R=m.getOtherProps(y),S=r.reduceKeys(R,o.ARIA_PROPS),j=l("p-checkbox p-component",{"p-checkbox-checked":w,"p-checkbox-disabled":y.disabled,"p-checkbox-focused":x},y.className),N=l("p-checkbox-box",{"p-highlight":w,"p-disabled":y.disabled,"p-focus":x}),A="p-checkbox-icon p-c",D=a.getJSXIcon(w?y.icon||e.createElement(c,{className:A}):null,{className:A},{props:y,checked:w});return e.createElement(e.Fragment,null,e.createElement("div",u({ref:E,id:y.id,className:j,style:y.style},R,{onClick:I,onContextMenu:y.onContextMenu,onMouseDown:y.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",u({ref:P,type:"checkbox",id:y.inputId,name:y.name,tabIndex:y.tabIndex,defaultChecked:w,onFocus:function(){O(!0)},onBlur:function(){O(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||I(e)},disabled:y.disabled,readOnly:y.readOnly,required:y.required},S))),e.createElement("div",{className:N},D)),M&&e.createElement(n,u({target:E,content:y.tooltip},y.tooltipOptions)))})));h.displayName="Checkbox";export{h as Checkbox};
+import*as e from"react";import{useUpdateEffect as t}from"primereact/hooks";import{CheckIcon as n}from"primereact/icons/check";import{Tooltip as r}from"primereact/tooltip";import{ObjectUtils as o,DomHandler as l,classNames as a,IconUtils as c}from"primereact/utils";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 i(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,c=[],u=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw o}}return c}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function d(){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 m={defaultProps:{__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:null,tooltip:null,tooltipOptions:null,onChange:null,onClick:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return o.getMergedProps(e,m.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,m.defaultProps)}},h=e.memo(e.forwardRef((function(f,h){var b,g,y=m.getProps(f),v=e.useState(!1),k=(g=2,i(b=v)||s(b,g)||p(b,g)||d()),x=k[0],O=k[1],P=e.useRef(null),C=e.useRef(y.inputRef),E=function(e){if(!y.disabled&&!y.readOnly&&(y.onChange||y.onClick)){var t=I(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===C.current||n&&e.target.checked!==t){var r=t?y.falseValue:y.trueValue,o={originalEvent:e,value:y.value,checked:r,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:y.name,id:y.id,value:y.value,checked:r}};if(y.onClick&&y.onClick(o),e.defaultPrevented)return;y.onChange&&y.onChange(o)}l.focus(C.current),e.preventDefault()}},I=function(){return y.checked===y.trueValue};e.useImperativeHandle(h,(function(){return{props:y,focus:function(){return l.focus(C.current)},getElement:function(){return P.current},getInput:function(){return C.current}}})),e.useEffect((function(){o.combinedRefs(C,y.inputRef)}),[C,y.inputRef]),t((function(){C.current.checked=I()}),[y.checked,y.trueValue]);var w=I(),M=o.isNotEmpty(y.tooltip),R=m.getOtherProps(y),S=o.reduceKeys(R,l.ARIA_PROPS),j=a("p-checkbox p-component",{"p-checkbox-checked":w,"p-checkbox-disabled":y.disabled,"p-checkbox-focused":x},y.className),D=a("p-checkbox-box",{"p-highlight":w,"p-disabled":y.disabled,"p-focus":x}),N="p-checkbox-icon p-c",A=c.getJSXIcon(w?y.icon||e.createElement(n,{className:N}):null,{className:N},{props:y,checked:w});return e.createElement(e.Fragment,null,e.createElement("div",u({ref:P,id:y.id,className:j,style:y.style},R,{onPointerUp:E,onContextMenu:y.onContextMenu,onMouseDown:y.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",u({ref:C,type:"checkbox",id:y.inputId,name:y.name,tabIndex:y.tabIndex,defaultChecked:w,onFocus:function(){O(!0)},onBlur:function(){O(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||E(e)},disabled:y.disabled,readOnly:y.readOnly,required:y.required},S))),e.createElement("div",{className:D},A)),M&&e.createElement(r,u({target:P,content:y.tooltip},y.tooltipOptions)))})));h.displayName="Checkbox";export{h as Checkbox};

package/checkbox/checkbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils, check) {
+this.primereact.checkbox = (function (exports, React, hooks, check, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -113,6 +113,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils, che
       tooltip: null,
       tooltipOptions: null,
       onChange: null,
+      onClick: null,
       onMouseDown: null,
       onContextMenu: null,
       children: undefined
@@ -134,19 +135,26 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils, che
     var elementRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
     var onClick = function onClick(event) {
-      if (!props.disabled && !props.readOnly && props.onChange) {
+      if (props.disabled || props.readOnly) {
+        return;
+      }
+      if (props.onChange || props.onClick) {
         var _checked = isChecked();
         var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
         var isInputToggled = event.target === inputRef.current;
         var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
         if (isInputToggled || isCheckboxToggled) {
           var value = _checked ? props.falseValue : props.trueValue;
-          props.onChange({
+          var eventData = {
             originalEvent: event,
             value: props.value,
             checked: value,
-            stopPropagation: function stopPropagation() {},
-            preventDefault: function preventDefault() {},
+            stopPropagation: function stopPropagation() {
+              event.stopPropagation();
+            },
+            preventDefault: function preventDefault() {
+              event.preventDefault();
+            },
             target: {
               type: 'checkbox',
               name: props.name,
@@ -154,7 +162,14 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils, che
               value: props.value,
               checked: value
             }
-          });
+          };
+          props.onClick && props.onClick(eventData);
+
+          // do not continue if the user defined click wants to prevent
+          if (event.defaultPrevented) {
+            return;
+          }
+          props.onChange && props.onChange(eventData);
         }
         utils.DomHandler.focus(inputRef.current);
         event.preventDefault();
@@ -225,7 +240,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils, che
       className: className,
       style: props.style
     }, otherProps, {
-      onClick: onClick,
+      onPointerUp: onClick,
       onContextMenu: props.onContextMenu,
       onMouseDown: props.onMouseDown
     }), /*#__PURE__*/React__namespace.createElement("div", {
@@ -258,4 +273,4 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils, che
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.tooltip, primereact.utils, primereact.icons.check);
+})({}, React, primereact.hooks, primereact.icons.check, primereact.tooltip, primereact.utils);

package/checkbox/checkbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,c,o){"use strict";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 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 a=l(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 i(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,c,o,l,a=[],u=!0,i=!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)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){i=!0,c=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(i)throw c}}return a}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b={defaultProps:{__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:null,tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return c.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return c.ObjectUtils.getDiffProps(e,b.defaultProps)}},m=a.memo(a.forwardRef((function(e,t){var l,f,m=b.getProps(e),h=a.useState(!1),y=(f=2,i(l=h)||s(l,f)||d(l,f)||p()),g=y[0],v=y[1],O=a.useRef(null),k=a.useRef(m.inputRef),j=function(e){if(!m.disabled&&!m.readOnly&&m.onChange){var t=x(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===k.current||n&&e.target.checked!==t){var r=t?m.falseValue:m.trueValue;m.onChange({originalEvent:e,value:m.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:m.name,id:m.id,value:m.value,checked:r}})}c.DomHandler.focus(k.current),e.preventDefault()}},x=function(){return m.checked===m.trueValue};a.useImperativeHandle(t,(function(){return{props:m,focus:function(){return c.DomHandler.focus(k.current)},getElement:function(){return O.current},getInput:function(){return k.current}}})),a.useEffect((function(){c.ObjectUtils.combinedRefs(k,m.inputRef)}),[k,m.inputRef]),n.useUpdateEffect((function(){k.current.checked=x()}),[m.checked,m.trueValue]);var E=x(),P=c.ObjectUtils.isNotEmpty(m.tooltip),I=b.getOtherProps(m),C=c.ObjectUtils.reduceKeys(I,c.DomHandler.ARIA_PROPS),D=c.classNames("p-checkbox p-component",{"p-checkbox-checked":E,"p-checkbox-disabled":m.disabled,"p-checkbox-focused":g},m.className),M=c.classNames("p-checkbox-box",{"p-highlight":E,"p-disabled":m.disabled,"p-focus":g}),w="p-checkbox-icon p-c",N=c.IconUtils.getJSXIcon(E?m.icon||a.createElement(o.CheckIcon,{className:w}):null,{className:w},{props:m,checked:E});return a.createElement(a.Fragment,null,a.createElement("div",u({ref:O,id:m.id,className:D,style:m.style},I,{onClick:j,onContextMenu:m.onContextMenu,onMouseDown:m.onMouseDown}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",u({ref:k,type:"checkbox",id:m.inputId,name:m.name,tabIndex:m.tabIndex,defaultChecked:E,onFocus:function(){v(!0)},onBlur:function(){v(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||j(e)},disabled:m.disabled,readOnly:m.readOnly,required:m.required},C))),a.createElement("div",{className:M},N)),P&&a.createElement(r.Tooltip,u({target:O,content:m.tooltip},m.tooltipOptions)))})));return m.displayName="Checkbox",e.Checkbox=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.tooltip,primereact.utils,primereact.icons.check);
+this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,o,c){"use strict";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 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 a=l(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 i(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,c,l,a=[],u=!0,i=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=c.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(i)throw o}}return a}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b={defaultProps:{__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:null,tooltip:null,tooltipOptions:null,onChange:null,onClick:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return c.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return c.ObjectUtils.getDiffProps(e,b.defaultProps)}},m=a.memo(a.forwardRef((function(e,t){var l,f,m=b.getProps(e),h=a.useState(!1),g=(f=2,i(l=h)||s(l,f)||d(l,f)||p()),y=g[0],v=g[1],k=a.useRef(null),O=a.useRef(m.inputRef),j=function(e){if(!m.disabled&&!m.readOnly&&(m.onChange||m.onClick)){var t=x(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===O.current||n&&e.target.checked!==t){var r=t?m.falseValue:m.trueValue,o={originalEvent:e,value:m.value,checked:r,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:m.name,id:m.id,value:m.value,checked:r}};if(m.onClick&&m.onClick(o),e.defaultPrevented)return;m.onChange&&m.onChange(o)}c.DomHandler.focus(O.current),e.preventDefault()}},x=function(){return m.checked===m.trueValue};a.useImperativeHandle(t,(function(){return{props:m,focus:function(){return c.DomHandler.focus(O.current)},getElement:function(){return k.current},getInput:function(){return O.current}}})),a.useEffect((function(){c.ObjectUtils.combinedRefs(O,m.inputRef)}),[O,m.inputRef]),n.useUpdateEffect((function(){O.current.checked=x()}),[m.checked,m.trueValue]);var P=x(),C=c.ObjectUtils.isNotEmpty(m.tooltip),E=b.getOtherProps(m),I=c.ObjectUtils.reduceKeys(E,c.DomHandler.ARIA_PROPS),D=c.classNames("p-checkbox p-component",{"p-checkbox-checked":P,"p-checkbox-disabled":m.disabled,"p-checkbox-focused":y},m.className),M=c.classNames("p-checkbox-box",{"p-highlight":P,"p-disabled":m.disabled,"p-focus":y}),w="p-checkbox-icon p-c",N=c.IconUtils.getJSXIcon(P?m.icon||a.createElement(r.CheckIcon,{className:w}):null,{className:w},{props:m,checked:P});return a.createElement(a.Fragment,null,a.createElement("div",u({ref:k,id:m.id,className:D,style:m.style},E,{onPointerUp:j,onContextMenu:m.onContextMenu,onMouseDown:m.onMouseDown}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",u({ref:O,type:"checkbox",id:m.inputId,name:m.name,tabIndex:m.tabIndex,defaultChecked:P,onFocus:function(){v(!0)},onBlur:function(){v(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||j(e)},disabled:m.disabled,readOnly:m.readOnly,required:m.required},I))),a.createElement("div",{className:M},N)),C&&a.createElement(o.Tooltip,u({target:k,content:m.tooltip},m.tooltipOptions)))})));return m.displayName="Checkbox",e.Checkbox=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.icons.check,primereact.tooltip,primereact.utils);