primereact 8.0.0-rc.2 → 8.0.0

package/README.md

@@ -16,10 +16,10 @@ PrimeReact is available at npm, if you have an existing application run the foll
 
 ```
 // with npm
-npm install primereact
+npm install primereact primeicons
 
 // with yarn
-yarn add primereact
+yarn add primereact primeicons
 ```
 Please note that react >= 17.0.0 and react-dom >= 17.0.0 are peer dependencies and some components have optional dependencies.
 
@@ -54,12 +54,13 @@ Import all components and structures
 
 Majority of PrimeReact components (95%) are native and there are some exceptions having 3rd party dependencies such as Google Maps for GMap.
 
-In addition, components require PrimeIcons for icons and react-transition-group for animations. They are available as dependencies in the npm package of PrimeReact.
+In addition, components require PrimeIcons for icons and react-transition-group for animations. The react-transition-group is available as dependencies in the npm package of PrimeReact.
 
 ```javascript
 dependencies: {
     "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "primeicons": "^5.0.0"
 }
 ```
 

package/button/button.min.css

@@ -1 +1 @@
-.p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-button-label{transition:all .2s}
+.p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}

package/calendar/calendar.d.ts

@@ -149,7 +149,7 @@ export interface CalendarProps {
     onInput?(event: React.FormEvent<HTMLInputElement>): void;
     onSelect?(e: CalendarSelectParams): void;
     onChange?(e: CalendarChangeParams): void;
-    onMonthChange(e: CalendarMonthChangeParams): void
+    onMonthChange?(e: CalendarMonthChangeParams): void
     onViewDateChange?(e: CalendarViewChangeParams): void;
     onTodayButtonClick?(event: React.MouseEvent<HTMLButtonElement>): void;
     onClearButtonClick?(event: React.MouseEvent<HTMLButtonElement>): void;

package/carousel/carousel.cjs.js

@@ -162,7 +162,6 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var itemsContainerRef = React__namespace.useRef(null);
   var remainingItems = React__namespace.useRef(0);
   var allowAutoplay = React__namespace.useRef(!!props.autoplayInterval);
-  var circular = React__namespace.useRef(props.circular || !!props.autoplayInterval);
   var attributeSelector = React__namespace.useRef('');
   var swipeThreshold = React__namespace.useRef(20);
   var startPos = React__namespace.useRef(null);
@@ -175,6 +174,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var prevValue = hooks.usePrevious(props.value);
   var prevPage = hooks.usePrevious(props.page);
   var isVertical = props.orientation === 'vertical';
+  var circular = props.circular || !!props.autoplayInterval;
   var isCircular = circular && props.value.length >= numVisibleState;
   var isAutoplay = props.autoplayInterval && allowAutoplay.current;
   var currentPage = props.onPageChange ? props.page : pageState;
@@ -217,7 +217,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       page = 0;
     } else if (isCircular && pageState === 0 && dir === 1) {
       totalShiftedItems = 0;
-      page = totalShiftedItems - 1;
+      page = totalIndicators - 1;
     } else if (page === totalIndicators - 1 && remainingItems.current > 0) {
       totalShiftedItems += remainingItems.current * -1 - numScrollState * dir;
       isRemainingItemsAdded.current = true;
@@ -430,7 +430,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       remainingItems.current = (props.value.length - numVisibleState) % numScrollState;
       var page = currentPage;
 
-      if (totalIndicators !== 0 && pageState >= totalIndicators) {
+      if (totalIndicators !== 0 && page >= totalIndicators) {
         page = totalIndicators - 1;
 
         if (props.onPageChange) {
@@ -643,7 +643,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
   var createIndicator = function createIndicator(index) {
     var isActive = currentPage === index;
-    var key = 'p-carousel-indicator-' + index;
+    var key = 'carousel-indicator-' + index;
     var className = utils.classNames('p-carousel-indicator', {
       'p-highlight': isActive
     });

package/carousel/carousel.cjs.min.js

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

package/carousel/carousel.esm.js

@@ -135,7 +135,6 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var itemsContainerRef = React.useRef(null);
   var remainingItems = React.useRef(0);
   var allowAutoplay = React.useRef(!!props.autoplayInterval);
-  var circular = React.useRef(props.circular || !!props.autoplayInterval);
   var attributeSelector = React.useRef('');
   var swipeThreshold = React.useRef(20);
   var startPos = React.useRef(null);
@@ -148,6 +147,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var prevValue = usePrevious(props.value);
   var prevPage = usePrevious(props.page);
   var isVertical = props.orientation === 'vertical';
+  var circular = props.circular || !!props.autoplayInterval;
   var isCircular = circular && props.value.length >= numVisibleState;
   var isAutoplay = props.autoplayInterval && allowAutoplay.current;
   var currentPage = props.onPageChange ? props.page : pageState;
@@ -190,7 +190,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       page = 0;
     } else if (isCircular && pageState === 0 && dir === 1) {
       totalShiftedItems = 0;
-      page = totalShiftedItems - 1;
+      page = totalIndicators - 1;
     } else if (page === totalIndicators - 1 && remainingItems.current > 0) {
       totalShiftedItems += remainingItems.current * -1 - numScrollState * dir;
       isRemainingItemsAdded.current = true;
@@ -403,7 +403,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       remainingItems.current = (props.value.length - numVisibleState) % numScrollState;
       var page = currentPage;
 
-      if (totalIndicators !== 0 && pageState >= totalIndicators) {
+      if (totalIndicators !== 0 && page >= totalIndicators) {
         page = totalIndicators - 1;
 
         if (props.onPageChange) {
@@ -616,7 +616,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   var createIndicator = function createIndicator(index) {
     var isActive = currentPage === index;
-    var key = 'p-carousel-indicator-' + index;
+    var key = 'carousel-indicator-' + index;
     var className = classNames('p-carousel-indicator', {
       'p-highlight': isActive
     });

package/carousel/carousel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{usePrevious as n,useResizeListener as r,useMountEffect as a,useUpdateEffect as l,useUnmountEffect as u}from"primereact/hooks";import{Ripple as o}from"primereact/ripple";import{classNames as c,UniqueComponentId as i,ObjectUtils as s,DomHandler as m}from"primereact/utils";function p(){return p=Object.assign||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},p.apply(this,arguments)}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 v(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(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 g(){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 y(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],u=!0,o=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);u=!0);}catch(e){o=!0,a=e}finally{try{u||null==n.return||n.return()}finally{if(o)throw a}}return l}}function N(){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 E(e,t){return y(e)||b(e,t)||h(e,t)||N()}var C=e.memo((function(t){var n=t.template(t.item),r=c(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end});return e.createElement("div",{className:r},n)})),S=e.memo(e.forwardRef((function(f,y){var b=E(e.useState(f.numVisible),2),N=b[0],I=b[1],k=E(e.useState(f.numScroll),2),w=k[0],P=k[1],T=E(e.useState(f.page*f.numScroll*-1),2),R=T[0],x=T[1],A=E(e.useState(f.page),2),V=A[0],O=A[1],M=e.useRef(null),j=e.useRef(null),D=e.useRef(0),_=e.useRef(!!f.autoplayInterval),H=e.useRef(f.circular||!!f.autoplayInterval),Y=e.useRef(""),z=e.useRef(20),X=e.useRef(null),F=e.useRef(null),K=e.useRef(null),L=e.useRef(!1),U=e.useRef(null),W=n(w),$=n(N),q=n(f.value),B=n(f.page),G="vertical"===f.orientation,J=H&&f.value.length>=N,Q=f.autoplayInterval&&_.current,Z=f.onPageChange?f.page:V,ee=f.value?Math.ceil((f.value.length-N)/w)+1:0,te=E(r({listener:function(){re()},when:f.responsiveOptions}),1)[0],ne=function(e,t){var n=R;null!=t?(n=w*t*-1,J&&(n-=N),L.current=!1):(n+=w*e,L.current&&(n+=D.current-w*e,L.current=!1),t=Math.abs(Math.floor((J?n+N:n)/w)));J&&V===ee-1&&-1===e?(n=-1*(f.value.length+N),t=0):J&&0===V&&1===e?t=(n=0)-1:t===ee-1&&D.current>0&&(n+=-1*D.current-w*e,L.current=!0),j.current&&(m.removeClass(j.current,"p-items-hidden"),ve(n),j.current.style.transition="transform 500ms ease 0s"),f.onPageChange?(x(n),f.onPageChange({page:t})):(O(t),x(n))},re=function(){if(j.current&&U.current){for(var e=window.innerWidth,t={numVisible:f.numVisible,numScroll:f.numScroll},n=0;n<U.current.length;n++){var r=U.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(w!==t.numScroll){var a=Math.floor(Z*w/t.numScroll),l=t.numScroll*a*-1;J&&(l-=t.numVisible),x(l),P(t.numScroll),f.onPageChange?f.onPageChange({page:a}):O(a)}N!==t.numVisible&&I(t.numVisible)}},ae=function(e,t){(H||0!==Z)&&ne(1,t),_.current=!1,e.cancelable&&e.preventDefault()},le=function(e,t){(H||Z<ee-1)&&ne(-1,t),_.current=!1,e.cancelable&&e.preventDefault()},ue=function(e,t){t>Z?le(e,t):t<Z&&ae(e,t)},oe=function(e){j.current&&"transform"===e.propertyName&&(m.addClass(j.current,"p-items-hidden"),j.current.style.transition="",0!==V&&V!==ee-1||!J||ve(R))},ce=function(e){var t=e.changedTouches[0];X.current={x:t.pageX,y:t.pageY}},ie=function(e){e.cancelable&&e.preventDefault()},se=function(e){var t=e.changedTouches[0];me(e,G?t.pageY-X.current.y:t.pageX-X.current.x)},me=function(e,t){Math.abs(t)>z&&(t<0?le(e):ae(e))},pe=function(){F.current&&clearInterval(F.current)},fe=function(){K.current||(K.current=m.createInlineStyle(t.nonce));var e,n="\n            .p-carousel[".concat(Y.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/N,"%\n            }\n        ");if(f.responsiveOptions){U.current=v(e=f.responsiveOptions)||d(e)||h(e)||g(),U.current.sort((function(e,n){return s.sort(e.breakpoint,n.breakpoint,-1,t.locale)}));for(var r=0;r<U.current.length;r++){var a=U.current[r];n+="\n                    @media screen and (max-width: ".concat(a.breakpoint,") {\n                        .p-carousel[").concat(Y.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/a.numVisible,"%\n                        }\n                    }\n                ")}}K.current.innerHTML=n},ve=function(e){j.current&&(j.current.style.transform=G?"translate3d(0, ".concat(e*(100/N),"%, 0)"):"translate3d(".concat(e*(100/N),"%, 0, 0)"))};a((function(){M.current&&(Y.current=i(),M.current.setAttribute(Y.current,"")),fe(),re(),ve(R),te()})),l((function(){var e=!1,t=R;if(f.autoplayInterval&&pe(),W!==w||$!==N||f.value&&q&&q.length!==f.value.length){D.current=(f.value.length-N)%w;var n=Z;0!==ee&&V>=ee&&(n=ee-1,f.onPageChange?f.onPageChange({page:n}):O(n),e=!0),t=n*w*-1,J&&(t-=N),n===ee-1&&D.current>0?(t+=-1*D.current+w,L.current=!0):L.current=!1,t!==R&&(x(t),e=!0),ve(t)}J&&(0===V?t=-1*N:0===t&&(t=-1*f.value.length,D.current>0&&(L.current=!0)),t!==R&&(x(t),e=!0)),B!==f.page&&(f.page>B&&f.page<=ee-1?ne(-1,f.page):f.page<B&&ne(1,f.page)),!e&&Q&&(F.current=setInterval((function(){ne(-1,V===ee-1?0:V+1)}),f.autoplayInterval))})),u((function(){f.autoplayInterval&&pe()}));var de=function(){if(f.value&&f.value.length){var t=null,n=null;if(J){var r=null;t=(r=f.value.slice(-1*N)).map((function(t,n){return e.createElement(C,{key:n+"_scloned",className:"p-carousel-item-cloned",template:f.itemTemplate,item:t,active:-1*R===f.value.length+N,start:0===n,end:n===r.length-1})})),n=(r=f.value.slice(0,N)).map((function(t,n){return e.createElement(C,{key:n+"_fcloned",className:"p-carousel-item-cloned",template:f.itemTemplate,item:t,active:0===R,start:0===n,end:n===r.length-1})}))}var a=f.value.map((function(t,n){var r=J?-1*(R+N):-1*R,a=r+N-1;return e.createElement(C,{key:n,template:f.itemTemplate,item:t,active:r<=n&&a>=n,start:r===n,end:a===n})}));return e.createElement(e.Fragment,null,t,a,n)}},he=function(){var t=(!H||f.value&&f.value.length<N)&&0===Z,n=c("p-carousel-prev p-link",{"p-disabled":t}),r=c("p-carousel-prev-icon pi",{"pi-chevron-left":!G,"pi-chevron-up":G});return e.createElement("button",{type:"button",className:n,onClick:ae,disabled:t},e.createElement("span",{className:r}),e.createElement(o,null))},ge=function(){var t=(!H||f.value&&f.value.length<N)&&(Z===ee-1||0===ee),n=c("p-carousel-next p-link",{"p-disabled":t}),r=c("p-carousel-next-icon pi",{"pi-chevron-right":!G,"pi-chevron-down":G});return e.createElement("button",{type:"button",className:n,onClick:le,disabled:t},e.createElement("span",{className:r}),e.createElement(o,null))},ye=function(t){var n="p-carousel-indicator-"+t,r=c("p-carousel-indicator",{"p-highlight":Z===t});return e.createElement("li",{key:n,className:r},e.createElement("button",{type:"button",className:"p-link",onClick:function(e){return ue(e,t)}},e.createElement(o,null)))},be=s.findDiffKeys(f,S.defaultProps),Ne=c("p-carousel p-component",{"p-carousel-vertical":G,"p-carousel-horizontal":!G},f.className),Ee=c("p-carousel-content",f.contentClassName),Ce=function(){var t=de(),n=G?f.verticalViewPortHeight:"auto",r=he(),a=ge(),l=c("p-carousel-container",f.containerClassName);return e.createElement("div",{className:l},r,e.createElement("div",{className:"p-carousel-items-content",style:{height:n},onTouchStart:ce,onTouchMove:ie,onTouchEnd:se},e.createElement("div",{ref:j,className:"p-carousel-items-container",onTransitionEnd:oe},t)),a)}(),Se=function(){for(var t=c("p-carousel-indicators p-reset",f.indicatorsContentClassName),n=[],r=0;r<ee;r++)n.push(ye(r));return e.createElement("ul",{className:t},n)}(),Ie=f.header?e.createElement("div",{className:"p-carousel-header"},f.header):null,ke=f.footer?e.createElement("div",{className:"p-carousel-footer"},f.footer):null;return e.createElement("div",p({ref:M,id:f.id,className:Ne,style:f.style},be),Ie,e.createElement("div",{className:Ee},Ce,Se),ke)})));C.displayName="CarouselItem",S.displayName="Carousel",S.defaultProps={__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null};export{S as Carousel};
+import*as e from"react";import t from"primereact/api";import{usePrevious as n,useResizeListener as r,useMountEffect as a,useUpdateEffect as l,useUnmountEffect as u}from"primereact/hooks";import{Ripple as o}from"primereact/ripple";import{classNames as c,UniqueComponentId as i,ObjectUtils as s,DomHandler as m}from"primereact/utils";function p(){return p=Object.assign||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},p.apply(this,arguments)}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 v(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(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 g(){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 y(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],u=!0,o=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);u=!0);}catch(e){o=!0,a=e}finally{try{u||null==n.return||n.return()}finally{if(o)throw a}}return l}}function N(){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 E(e,t){return y(e)||b(e,t)||h(e,t)||N()}var C=e.memo((function(t){var n=t.template(t.item),r=c(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end});return e.createElement("div",{className:r},n)})),S=e.memo(e.forwardRef((function(f,y){var b=E(e.useState(f.numVisible),2),N=b[0],I=b[1],k=E(e.useState(f.numScroll),2),w=k[0],P=k[1],T=E(e.useState(f.page*f.numScroll*-1),2),R=T[0],x=T[1],A=E(e.useState(f.page),2),V=A[0],O=A[1],M=e.useRef(null),j=e.useRef(null),D=e.useRef(0),_=e.useRef(!!f.autoplayInterval),H=e.useRef(""),Y=e.useRef(20),z=e.useRef(null),X=e.useRef(null),F=e.useRef(null),K=e.useRef(!1),L=e.useRef(null),U=n(w),W=n(N),$=n(f.value),q=n(f.page),B="vertical"===f.orientation,G=f.circular||!!f.autoplayInterval,J=G&&f.value.length>=N,Q=f.autoplayInterval&&_.current,Z=f.onPageChange?f.page:V,ee=f.value?Math.ceil((f.value.length-N)/w)+1:0,te=E(r({listener:function(){re()},when:f.responsiveOptions}),1)[0],ne=function(e,t){var n=R;null!=t?(n=w*t*-1,J&&(n-=N),K.current=!1):(n+=w*e,K.current&&(n+=D.current-w*e,K.current=!1),t=Math.abs(Math.floor((J?n+N:n)/w)));J&&V===ee-1&&-1===e?(n=-1*(f.value.length+N),t=0):J&&0===V&&1===e?(n=0,t=ee-1):t===ee-1&&D.current>0&&(n+=-1*D.current-w*e,K.current=!0),j.current&&(m.removeClass(j.current,"p-items-hidden"),ve(n),j.current.style.transition="transform 500ms ease 0s"),f.onPageChange?(x(n),f.onPageChange({page:t})):(O(t),x(n))},re=function(){if(j.current&&L.current){for(var e=window.innerWidth,t={numVisible:f.numVisible,numScroll:f.numScroll},n=0;n<L.current.length;n++){var r=L.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(w!==t.numScroll){var a=Math.floor(Z*w/t.numScroll),l=t.numScroll*a*-1;J&&(l-=t.numVisible),x(l),P(t.numScroll),f.onPageChange?f.onPageChange({page:a}):O(a)}N!==t.numVisible&&I(t.numVisible)}},ae=function(e,t){(G||0!==Z)&&ne(1,t),_.current=!1,e.cancelable&&e.preventDefault()},le=function(e,t){(G||Z<ee-1)&&ne(-1,t),_.current=!1,e.cancelable&&e.preventDefault()},ue=function(e,t){t>Z?le(e,t):t<Z&&ae(e,t)},oe=function(e){j.current&&"transform"===e.propertyName&&(m.addClass(j.current,"p-items-hidden"),j.current.style.transition="",0!==V&&V!==ee-1||!J||ve(R))},ce=function(e){var t=e.changedTouches[0];z.current={x:t.pageX,y:t.pageY}},ie=function(e){e.cancelable&&e.preventDefault()},se=function(e){var t=e.changedTouches[0];me(e,B?t.pageY-z.current.y:t.pageX-z.current.x)},me=function(e,t){Math.abs(t)>Y&&(t<0?le(e):ae(e))},pe=function(){X.current&&clearInterval(X.current)},fe=function(){F.current||(F.current=m.createInlineStyle(t.nonce));var e,n="\n            .p-carousel[".concat(H.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/N,"%\n            }\n        ");if(f.responsiveOptions){L.current=v(e=f.responsiveOptions)||d(e)||h(e)||g(),L.current.sort((function(e,n){return s.sort(e.breakpoint,n.breakpoint,-1,t.locale)}));for(var r=0;r<L.current.length;r++){var a=L.current[r];n+="\n                    @media screen and (max-width: ".concat(a.breakpoint,") {\n                        .p-carousel[").concat(H.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/a.numVisible,"%\n                        }\n                    }\n                ")}}F.current.innerHTML=n},ve=function(e){j.current&&(j.current.style.transform=B?"translate3d(0, ".concat(e*(100/N),"%, 0)"):"translate3d(".concat(e*(100/N),"%, 0, 0)"))};a((function(){M.current&&(H.current=i(),M.current.setAttribute(H.current,"")),fe(),re(),ve(R),te()})),l((function(){var e=!1,t=R;if(f.autoplayInterval&&pe(),U!==w||W!==N||f.value&&$&&$.length!==f.value.length){D.current=(f.value.length-N)%w;var n=Z;0!==ee&&n>=ee&&(n=ee-1,f.onPageChange?f.onPageChange({page:n}):O(n),e=!0),t=n*w*-1,J&&(t-=N),n===ee-1&&D.current>0?(t+=-1*D.current+w,K.current=!0):K.current=!1,t!==R&&(x(t),e=!0),ve(t)}J&&(0===V?t=-1*N:0===t&&(t=-1*f.value.length,D.current>0&&(K.current=!0)),t!==R&&(x(t),e=!0)),q!==f.page&&(f.page>q&&f.page<=ee-1?ne(-1,f.page):f.page<q&&ne(1,f.page)),!e&&Q&&(X.current=setInterval((function(){ne(-1,V===ee-1?0:V+1)}),f.autoplayInterval))})),u((function(){f.autoplayInterval&&pe()}));var de=function(){if(f.value&&f.value.length){var t=null,n=null;if(J){var r=null;t=(r=f.value.slice(-1*N)).map((function(t,n){return e.createElement(C,{key:n+"_scloned",className:"p-carousel-item-cloned",template:f.itemTemplate,item:t,active:-1*R===f.value.length+N,start:0===n,end:n===r.length-1})})),n=(r=f.value.slice(0,N)).map((function(t,n){return e.createElement(C,{key:n+"_fcloned",className:"p-carousel-item-cloned",template:f.itemTemplate,item:t,active:0===R,start:0===n,end:n===r.length-1})}))}var a=f.value.map((function(t,n){var r=J?-1*(R+N):-1*R,a=r+N-1;return e.createElement(C,{key:n,template:f.itemTemplate,item:t,active:r<=n&&a>=n,start:r===n,end:a===n})}));return e.createElement(e.Fragment,null,t,a,n)}},he=function(){var t=(!G||f.value&&f.value.length<N)&&0===Z,n=c("p-carousel-prev p-link",{"p-disabled":t}),r=c("p-carousel-prev-icon pi",{"pi-chevron-left":!B,"pi-chevron-up":B});return e.createElement("button",{type:"button",className:n,onClick:ae,disabled:t},e.createElement("span",{className:r}),e.createElement(o,null))},ge=function(){var t=(!G||f.value&&f.value.length<N)&&(Z===ee-1||0===ee),n=c("p-carousel-next p-link",{"p-disabled":t}),r=c("p-carousel-next-icon pi",{"pi-chevron-right":!B,"pi-chevron-down":B});return e.createElement("button",{type:"button",className:n,onClick:le,disabled:t},e.createElement("span",{className:r}),e.createElement(o,null))},ye=function(t){var n="carousel-indicator-"+t,r=c("p-carousel-indicator",{"p-highlight":Z===t});return e.createElement("li",{key:n,className:r},e.createElement("button",{type:"button",className:"p-link",onClick:function(e){return ue(e,t)}},e.createElement(o,null)))},be=s.findDiffKeys(f,S.defaultProps),Ne=c("p-carousel p-component",{"p-carousel-vertical":B,"p-carousel-horizontal":!B},f.className),Ee=c("p-carousel-content",f.contentClassName),Ce=function(){var t=de(),n=B?f.verticalViewPortHeight:"auto",r=he(),a=ge(),l=c("p-carousel-container",f.containerClassName);return e.createElement("div",{className:l},r,e.createElement("div",{className:"p-carousel-items-content",style:{height:n},onTouchStart:ce,onTouchMove:ie,onTouchEnd:se},e.createElement("div",{ref:j,className:"p-carousel-items-container",onTransitionEnd:oe},t)),a)}(),Se=function(){for(var t=c("p-carousel-indicators p-reset",f.indicatorsContentClassName),n=[],r=0;r<ee;r++)n.push(ye(r));return e.createElement("ul",{className:t},n)}(),Ie=f.header?e.createElement("div",{className:"p-carousel-header"},f.header):null,ke=f.footer?e.createElement("div",{className:"p-carousel-footer"},f.footer):null;return e.createElement("div",p({ref:M,id:f.id,className:Ne,style:f.style},be),Ie,e.createElement("div",{className:Ee},Ce,Se),ke)})));C.displayName="CarouselItem",S.displayName="Carousel",S.defaultProps={__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null};export{S as Carousel};

package/carousel/carousel.js

@@ -156,7 +156,6 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
     var itemsContainerRef = React__namespace.useRef(null);
     var remainingItems = React__namespace.useRef(0);
     var allowAutoplay = React__namespace.useRef(!!props.autoplayInterval);
-    var circular = React__namespace.useRef(props.circular || !!props.autoplayInterval);
     var attributeSelector = React__namespace.useRef('');
     var swipeThreshold = React__namespace.useRef(20);
     var startPos = React__namespace.useRef(null);
@@ -169,6 +168,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
     var prevValue = hooks.usePrevious(props.value);
     var prevPage = hooks.usePrevious(props.page);
     var isVertical = props.orientation === 'vertical';
+    var circular = props.circular || !!props.autoplayInterval;
     var isCircular = circular && props.value.length >= numVisibleState;
     var isAutoplay = props.autoplayInterval && allowAutoplay.current;
     var currentPage = props.onPageChange ? props.page : pageState;
@@ -211,7 +211,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
         page = 0;
       } else if (isCircular && pageState === 0 && dir === 1) {
         totalShiftedItems = 0;
-        page = totalShiftedItems - 1;
+        page = totalIndicators - 1;
       } else if (page === totalIndicators - 1 && remainingItems.current > 0) {
         totalShiftedItems += remainingItems.current * -1 - numScrollState * dir;
         isRemainingItemsAdded.current = true;
@@ -424,7 +424,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
         remainingItems.current = (props.value.length - numVisibleState) % numScrollState;
         var page = currentPage;
 
-        if (totalIndicators !== 0 && pageState >= totalIndicators) {
+        if (totalIndicators !== 0 && page >= totalIndicators) {
           page = totalIndicators - 1;
 
           if (props.onPageChange) {
@@ -637,7 +637,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
 
     var createIndicator = function createIndicator(index) {
       var isActive = currentPage === index;
-      var key = 'p-carousel-indicator-' + index;
+      var key = 'carousel-indicator-' + index;
       var className = utils.classNames('p-carousel-indicator', {
         'p-highlight': isActive
       });

package/carousel/carousel.min.js

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

package/chips/chips.cjs.js

@@ -171,14 +171,18 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       var values = props.value ? _toConsumableArray(props.value) : [];
 
       if (props.allowDuplicate || values.indexOf(item) === -1) {
-        values.push(item);
+        var allowAddition = true;
 
         if (props.onAdd) {
-          props.onAdd({
+          allowAddition = props.onAdd({
             originalEvent: event,
             value: item
           });
         }
+
+        if (allowAddition !== false) {
+          values.push(item);
+        }
       }
 
       updateInput(event, values, preventDefault);

package/chips/chips.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils");function r(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=r(e);function a(){return a=Object.assign||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 o(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 i(e){if(Array.isArray(e))return o(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function p(){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 s(e){return i(e)||u(e)||c(e)||p()}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw l}}return a}}function m(){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 v=l.memo(l.forwardRef((function(e,r){var o,i,u=l.useState(!1),p=(i=2,f(o=u)||d(o,i)||c(o,i)||m()),h=p[0],y=p[1],b=l.useRef(null),g=l.useRef(null),O=l.useRef(e.inputRef),w=function(t,n){if(!e.disabled||!e.readOnly){var r=s(e.value),l=r.splice(n,1);k(l,n)&&(e.onRemove&&e.onRemove({originalEvent:t,value:l}),e.onChange&&e.onChange({originalEvent:t,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}}))}},E=function(t,n,r){if(n&&n.trim().length){var l=e.value?s(e.value):[];(e.allowDuplicate||-1===l.indexOf(n))&&(l.push(n),e.onAdd&&e.onAdd({originalEvent:t,value:n})),D(t,l,r)}},j=function(){O.current.focus()},x=function(t){var n=t.target.value,r=e.value||[];switch(t.which){case 8:0===O.current.value.length&&r.length>0&&w(t,r.length-1);break;case 13:n&&n.trim().length&&(!e.max||e.max>r.length)&&E(t,n,!0);break;default:C()?t.preventDefault():","===e.separator&&188===t.which&&E(t,n,!0)}},D=function(t,n,r){e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}}),O.current.value="",r&&t.preventDefault()},A=function(t){if(e.separator){var n=(t.clipboardData||window.clipboardData).getData("Text");if(n){var r=e.value||[],l=n.split(e.separator);l=l.filter((function(t){return(e.allowDuplicate||-1===r.indexOf(t))&&t.trim().length})),r=[].concat(s(r),s(l)),D(t,r,!0)}}},N=function(t){y(!0),e.onFocus&&e.onFocus(t)},R=function(t){y(!1),e.onBlur&&e.onBlur(t)},C=function(){return e.max&&e.value&&e.max===e.value.length},P=l.useMemo((function(){return e.value&&e.value.length||O.current&&O.current.value&&O.current.value.length}),[e.value]),k=function(t,r){return n.ObjectUtils.getPropValue(e.removable,{value:t,index:r,props:e})};l.useEffect((function(){n.ObjectUtils.combinedRefs(O,e.inputRef)}),[O,e.inputRef]);var S=function(t,n){return e.disabled||e.readOnly||!k(t,n)?null:l.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return w(e,n)}})},T=function(t,n){var r=e.itemTemplate?e.itemTemplate(t):t,a=l.createElement("span",{className:"p-chips-token-label"},r),o=S(t,n);return l.createElement("li",{key:n,className:"p-chips-token p-highlight"},a,o)},I=n.ObjectUtils.isNotEmpty(e.tooltip),B=n.ObjectUtils.findDiffKeys(e,v.defaultProps),_=n.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":P,"p-inputwrapper-focus":h},e.className),F=function(){var t=n.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.disabled,"p-focus":h}),r=e.value?e.value.map(T):null,a=l.createElement("li",{className:"p-chips-input-token"},l.createElement("input",{ref:O,id:e.inputId,placeholder:e.placeholder,type:"text",name:e.name,disabled:e.disabled||C(),onKeyDown:x,onPaste:A,onFocus:N,onBlur:R,"aria-labelledby":e.ariaLabelledBy,readOnly:e.readOnly}));return l.createElement("ul",{ref:g,className:t,onClick:j},r,a)}();return l.createElement(l.Fragment,null,l.createElement("div",a({ref:b,id:e.id,className:_,style:e.style},B),F),I&&l.createElement(t.Tooltip,a({target:O,content:e.tooltip},e.tooltipOptions)))})));v.displayName="Chips",v.defaultProps={__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null},exports.Chips=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils");function r(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=r(e);function a(){return a=Object.assign||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 i(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 o(e){if(Array.isArray(e))return i(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function p(){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 s(e){return o(e)||u(e)||c(e)||p()}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return a}}function m(){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 v=l.memo(l.forwardRef((function(e,r){var i,o,u=l.useState(!1),p=(o=2,f(i=u)||d(i,o)||c(i,o)||m()),h=p[0],y=p[1],b=l.useRef(null),g=l.useRef(null),O=l.useRef(e.inputRef),w=function(t,n){if(!e.disabled||!e.readOnly){var r=s(e.value),l=r.splice(n,1);k(l,n)&&(e.onRemove&&e.onRemove({originalEvent:t,value:l}),e.onChange&&e.onChange({originalEvent:t,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}}))}},E=function(t,n,r){if(n&&n.trim().length){var l=e.value?s(e.value):[];if(e.allowDuplicate||-1===l.indexOf(n)){var a=!0;e.onAdd&&(a=e.onAdd({originalEvent:t,value:n})),!1!==a&&l.push(n)}D(t,l,r)}},j=function(){O.current.focus()},x=function(t){var n=t.target.value,r=e.value||[];switch(t.which){case 8:0===O.current.value.length&&r.length>0&&w(t,r.length-1);break;case 13:n&&n.trim().length&&(!e.max||e.max>r.length)&&E(t,n,!0);break;default:C()?t.preventDefault():","===e.separator&&188===t.which&&E(t,n,!0)}},D=function(t,n,r){e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}}),O.current.value="",r&&t.preventDefault()},A=function(t){if(e.separator){var n=(t.clipboardData||window.clipboardData).getData("Text");if(n){var r=e.value||[],l=n.split(e.separator);l=l.filter((function(t){return(e.allowDuplicate||-1===r.indexOf(t))&&t.trim().length})),r=[].concat(s(r),s(l)),D(t,r,!0)}}},N=function(t){y(!0),e.onFocus&&e.onFocus(t)},R=function(t){y(!1),e.onBlur&&e.onBlur(t)},C=function(){return e.max&&e.value&&e.max===e.value.length},P=l.useMemo((function(){return e.value&&e.value.length||O.current&&O.current.value&&O.current.value.length}),[e.value]),k=function(t,r){return n.ObjectUtils.getPropValue(e.removable,{value:t,index:r,props:e})};l.useEffect((function(){n.ObjectUtils.combinedRefs(O,e.inputRef)}),[O,e.inputRef]);var S=function(t,n){return e.disabled||e.readOnly||!k(t,n)?null:l.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return w(e,n)}})},T=function(t,n){var r=e.itemTemplate?e.itemTemplate(t):t,a=l.createElement("span",{className:"p-chips-token-label"},r),i=S(t,n);return l.createElement("li",{key:n,className:"p-chips-token p-highlight"},a,i)},I=n.ObjectUtils.isNotEmpty(e.tooltip),B=n.ObjectUtils.findDiffKeys(e,v.defaultProps),_=n.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":P,"p-inputwrapper-focus":h},e.className),F=function(){var t=n.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.disabled,"p-focus":h}),r=e.value?e.value.map(T):null,a=l.createElement("li",{className:"p-chips-input-token"},l.createElement("input",{ref:O,id:e.inputId,placeholder:e.placeholder,type:"text",name:e.name,disabled:e.disabled||C(),onKeyDown:x,onPaste:A,onFocus:N,onBlur:R,"aria-labelledby":e.ariaLabelledBy,readOnly:e.readOnly}));return l.createElement("ul",{ref:g,className:t,onClick:j},r,a)}();return l.createElement(l.Fragment,null,l.createElement("div",a({ref:b,id:e.id,className:_,style:e.style},B),F),I&&l.createElement(t.Tooltip,a({target:O,content:e.tooltip},e.tooltipOptions)))})));v.displayName="Chips",v.defaultProps={__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null},exports.Chips=v;

package/chips/chips.esm.js

@@ -147,14 +147,18 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       var values = props.value ? _toConsumableArray(props.value) : [];
 
       if (props.allowDuplicate || values.indexOf(item) === -1) {
-        values.push(item);
+        var allowAddition = true;
 
         if (props.onAdd) {
-          props.onAdd({
+          allowAddition = props.onAdd({
             originalEvent: event,
             value: item
           });
         }
+
+        if (allowAddition !== false) {
+          values.push(item);
+        }
       }
 
       updateInput(event, values, preventDefault);

package/chips/chips.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as t,classNames as l}from"primereact/utils";function r(){return r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},r.apply(this,arguments)}function a(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function o(e){if(Array.isArray(e))return a(e)}function i(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,n){if(e){if("string"==typeof e)return a(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(e,n):void 0}}function c(){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 p(e){return o(e)||i(e)||u(e)||c()}function s(e){if(Array.isArray(e))return e}function f(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,r,a=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(l=t.next()).done)&&(a.push(l.value),!n||a.length!==n);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw r}}return a}}function m(){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 d=e.memo(e.forwardRef((function(a,o){var i,c,v=e.useState(!1),h=(c=2,s(i=v)||f(i,c)||u(i,c)||m()),y=h[0],g=h[1],b=e.useRef(null),w=e.useRef(null),E=e.useRef(a.inputRef),O=function(e,n){if(!a.disabled||!a.readOnly){var t=p(a.value),l=t.splice(n,1);I(l,n)&&(a.onRemove&&a.onRemove({originalEvent:e,value:l}),a.onChange&&a.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:t}}))}},x=function(e,n,t){if(n&&n.trim().length){var l=a.value?p(a.value):[];(a.allowDuplicate||-1===l.indexOf(n))&&(l.push(n),a.onAdd&&a.onAdd({originalEvent:e,value:n})),R(e,l,t)}},A=function(){E.current.focus()},D=function(e){var n=e.target.value,t=a.value||[];switch(e.which){case 8:0===E.current.value.length&&t.length>0&&O(e,t.length-1);break;case 13:n&&n.trim().length&&(!a.max||a.max>t.length)&&x(e,n,!0);break;default:S()?e.preventDefault():","===a.separator&&188===e.which&&x(e,n,!0)}},R=function(e,n,t){a.onChange&&a.onChange({originalEvent:e,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:n}}),E.current.value="",t&&e.preventDefault()},C=function(e){if(a.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(n){var t=a.value||[],l=n.split(a.separator);l=l.filter((function(e){return(a.allowDuplicate||-1===t.indexOf(e))&&e.trim().length})),t=[].concat(p(t),p(l)),R(e,t,!0)}}},N=function(e){g(!0),a.onFocus&&a.onFocus(e)},k=function(e){g(!1),a.onBlur&&a.onBlur(e)},S=function(){return a.max&&a.value&&a.max===a.value.length},P=e.useMemo((function(){return a.value&&a.value.length||E.current&&E.current.value&&E.current.value.length}),[a.value]),I=function(e,n){return t.getPropValue(a.removable,{value:e,index:n,props:a})};e.useEffect((function(){t.combinedRefs(E,a.inputRef)}),[E,a.inputRef]);var T=function(n,t){return a.disabled||a.readOnly||!I(n,t)?null:e.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return O(e,t)}})},j=function(n,t){var l=a.itemTemplate?a.itemTemplate(n):n,r=e.createElement("span",{className:"p-chips-token-label"},l),o=T(n,t);return e.createElement("li",{key:t,className:"p-chips-token p-highlight"},r,o)},B=t.isNotEmpty(a.tooltip),F=t.findDiffKeys(a,d.defaultProps),K=l("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":P,"p-inputwrapper-focus":y},a.className),L=function(){var n=l("p-inputtext p-chips-multiple-container",{"p-disabled":a.disabled,"p-focus":y}),t=a.value?a.value.map(j):null,r=e.createElement("li",{className:"p-chips-input-token"},e.createElement("input",{ref:E,id:a.inputId,placeholder:a.placeholder,type:"text",name:a.name,disabled:a.disabled||S(),onKeyDown:D,onPaste:C,onFocus:N,onBlur:k,"aria-labelledby":a.ariaLabelledBy,readOnly:a.readOnly}));return e.createElement("ul",{ref:w,className:n,onClick:A},t,r)}();return e.createElement(e.Fragment,null,e.createElement("div",r({ref:b,id:a.id,className:K,style:a.style},F),L),B&&e.createElement(n,r({target:E,content:a.tooltip},a.tooltipOptions)))})));d.displayName="Chips",d.defaultProps={__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null};export{d as Chips};
+import*as e from"react";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as t,classNames as l}from"primereact/utils";function r(){return r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},r.apply(this,arguments)}function a(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function o(e){if(Array.isArray(e))return a(e)}function i(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,n){if(e){if("string"==typeof e)return a(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(e,n):void 0}}function c(){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 p(e){return o(e)||i(e)||u(e)||c()}function s(e){if(Array.isArray(e))return e}function f(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,r,a=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(l=t.next()).done)&&(a.push(l.value),!n||a.length!==n);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw r}}return a}}function m(){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 d=e.memo(e.forwardRef((function(a,o){var i,c,v=e.useState(!1),h=(c=2,s(i=v)||f(i,c)||u(i,c)||m()),y=h[0],g=h[1],b=e.useRef(null),w=e.useRef(null),E=e.useRef(a.inputRef),O=function(e,n){if(!a.disabled||!a.readOnly){var t=p(a.value),l=t.splice(n,1);I(l,n)&&(a.onRemove&&a.onRemove({originalEvent:e,value:l}),a.onChange&&a.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:t}}))}},x=function(e,n,t){if(n&&n.trim().length){var l=a.value?p(a.value):[];if(a.allowDuplicate||-1===l.indexOf(n)){var r=!0;a.onAdd&&(r=a.onAdd({originalEvent:e,value:n})),!1!==r&&l.push(n)}R(e,l,t)}},A=function(){E.current.focus()},D=function(e){var n=e.target.value,t=a.value||[];switch(e.which){case 8:0===E.current.value.length&&t.length>0&&O(e,t.length-1);break;case 13:n&&n.trim().length&&(!a.max||a.max>t.length)&&x(e,n,!0);break;default:S()?e.preventDefault():","===a.separator&&188===e.which&&x(e,n,!0)}},R=function(e,n,t){a.onChange&&a.onChange({originalEvent:e,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:n}}),E.current.value="",t&&e.preventDefault()},C=function(e){if(a.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(n){var t=a.value||[],l=n.split(a.separator);l=l.filter((function(e){return(a.allowDuplicate||-1===t.indexOf(e))&&e.trim().length})),t=[].concat(p(t),p(l)),R(e,t,!0)}}},N=function(e){g(!0),a.onFocus&&a.onFocus(e)},k=function(e){g(!1),a.onBlur&&a.onBlur(e)},S=function(){return a.max&&a.value&&a.max===a.value.length},P=e.useMemo((function(){return a.value&&a.value.length||E.current&&E.current.value&&E.current.value.length}),[a.value]),I=function(e,n){return t.getPropValue(a.removable,{value:e,index:n,props:a})};e.useEffect((function(){t.combinedRefs(E,a.inputRef)}),[E,a.inputRef]);var T=function(n,t){return a.disabled||a.readOnly||!I(n,t)?null:e.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return O(e,t)}})},j=function(n,t){var l=a.itemTemplate?a.itemTemplate(n):n,r=e.createElement("span",{className:"p-chips-token-label"},l),o=T(n,t);return e.createElement("li",{key:t,className:"p-chips-token p-highlight"},r,o)},B=t.isNotEmpty(a.tooltip),F=t.findDiffKeys(a,d.defaultProps),K=l("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":P,"p-inputwrapper-focus":y},a.className),L=function(){var n=l("p-inputtext p-chips-multiple-container",{"p-disabled":a.disabled,"p-focus":y}),t=a.value?a.value.map(j):null,r=e.createElement("li",{className:"p-chips-input-token"},e.createElement("input",{ref:E,id:a.inputId,placeholder:a.placeholder,type:"text",name:a.name,disabled:a.disabled||S(),onKeyDown:D,onPaste:C,onFocus:N,onBlur:k,"aria-labelledby":a.ariaLabelledBy,readOnly:a.readOnly}));return e.createElement("ul",{ref:w,className:n,onClick:A},t,r)}();return e.createElement(e.Fragment,null,e.createElement("div",r({ref:b,id:a.id,className:K,style:a.style},F),L),B&&e.createElement(n,r({target:E,content:a.tooltip},a.tooltipOptions)))})));d.displayName="Chips",d.defaultProps={__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null};export{d as Chips};

package/chips/chips.js

@@ -167,14 +167,18 @@ this.primereact.chips = (function (exports, React, tooltip, utils) {
         var values = props.value ? _toConsumableArray(props.value) : [];
 
         if (props.allowDuplicate || values.indexOf(item) === -1) {
-          values.push(item);
+          var allowAddition = true;
 
           if (props.onAdd) {
-            props.onAdd({
+            allowAddition = props.onAdd({
               originalEvent: event,
               value: item
             });
           }
+
+          if (allowAddition !== false) {
+            values.push(item);
+          }
         }
 
         updateInput(event, values, preventDefault);

package/chips/chips.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chips=function(e,t,n,r){"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 i(){return i=Object.assign||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},i.apply(this,arguments)}function o(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 u(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return u(e)||c(e)||p(e)||s()}function m(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return a}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=a.memo(a.forwardRef((function(e,t){var l,o,u=a.useState(!1),c=(o=2,m(l=u)||d(l,o)||p(l,o)||v()),s=c[0],y=c[1],b=a.useRef(null),g=a.useRef(null),O=a.useRef(e.inputRef),w=function(t,n){if(!e.disabled||!e.readOnly){var r=f(e.value),l=r.splice(n,1);k(l,n)&&(e.onRemove&&e.onRemove({originalEvent:t,value:l}),e.onChange&&e.onChange({originalEvent:t,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}}))}},E=function(t,n,r){if(n&&n.trim().length){var l=e.value?f(e.value):[];(e.allowDuplicate||-1===l.indexOf(n))&&(l.push(n),e.onAdd&&e.onAdd({originalEvent:t,value:n})),R(t,l,r)}},j=function(){O.current.focus()},D=function(t){var n=t.target.value,r=e.value||[];switch(t.which){case 8:0===O.current.value.length&&r.length>0&&w(t,r.length-1);break;case 13:n&&n.trim().length&&(!e.max||e.max>r.length)&&E(t,n,!0);break;default:C()?t.preventDefault():","===e.separator&&188===t.which&&E(t,n,!0)}},R=function(t,n,r){e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}}),O.current.value="",r&&t.preventDefault()},x=function(t){if(e.separator){var n=(t.clipboardData||window.clipboardData).getData("Text");if(n){var r=e.value||[],l=n.split(e.separator);l=l.filter((function(t){return(e.allowDuplicate||-1===r.indexOf(t))&&t.trim().length})),r=[].concat(f(r),f(l)),R(t,r,!0)}}},A=function(t){y(!0),e.onFocus&&e.onFocus(t)},N=function(t){y(!1),e.onBlur&&e.onBlur(t)},C=function(){return e.max&&e.value&&e.max===e.value.length},P=a.useMemo((function(){return e.value&&e.value.length||O.current&&O.current.value&&O.current.value.length}),[e.value]),k=function(t,n){return r.ObjectUtils.getPropValue(e.removable,{value:t,index:n,props:e})};a.useEffect((function(){r.ObjectUtils.combinedRefs(O,e.inputRef)}),[O,e.inputRef]);var S=function(t,n){return e.disabled||e.readOnly||!k(t,n)?null:a.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return w(e,n)}})},T=function(t,n){var r=e.itemTemplate?e.itemTemplate(t):t,l=a.createElement("span",{className:"p-chips-token-label"},r),i=S(t,n);return a.createElement("li",{key:n,className:"p-chips-token p-highlight"},l,i)},I=r.ObjectUtils.isNotEmpty(e.tooltip),B=r.ObjectUtils.findDiffKeys(e,h.defaultProps),_=r.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":P,"p-inputwrapper-focus":s},e.className),F=function(){var t=r.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.disabled,"p-focus":s}),n=e.value?e.value.map(T):null,l=a.createElement("li",{className:"p-chips-input-token"},a.createElement("input",{ref:O,id:e.inputId,placeholder:e.placeholder,type:"text",name:e.name,disabled:e.disabled||C(),onKeyDown:D,onPaste:x,onFocus:A,onBlur:N,"aria-labelledby":e.ariaLabelledBy,readOnly:e.readOnly}));return a.createElement("ul",{ref:g,className:t,onClick:j},n,l)}();return a.createElement(a.Fragment,null,a.createElement("div",i({ref:b,id:e.id,className:_,style:e.style},B),F),I&&a.createElement(n.Tooltip,i({target:O,content:e.tooltip},e.tooltipOptions)))})));return h.displayName="Chips",h.defaultProps={__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null},e.Chips=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.chips=function(e,t,n,r){"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 i(){return i=Object.assign||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},i.apply(this,arguments)}function o(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 u(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return u(e)||c(e)||p(e)||s()}function m(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return a}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=a.memo(a.forwardRef((function(e,t){var l,o,u=a.useState(!1),c=(o=2,m(l=u)||d(l,o)||p(l,o)||v()),s=c[0],y=c[1],b=a.useRef(null),g=a.useRef(null),O=a.useRef(e.inputRef),w=function(t,n){if(!e.disabled||!e.readOnly){var r=f(e.value),l=r.splice(n,1);k(l,n)&&(e.onRemove&&e.onRemove({originalEvent:t,value:l}),e.onChange&&e.onChange({originalEvent:t,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}}))}},E=function(t,n,r){if(n&&n.trim().length){var l=e.value?f(e.value):[];if(e.allowDuplicate||-1===l.indexOf(n)){var a=!0;e.onAdd&&(a=e.onAdd({originalEvent:t,value:n})),!1!==a&&l.push(n)}R(t,l,r)}},j=function(){O.current.focus()},D=function(t){var n=t.target.value,r=e.value||[];switch(t.which){case 8:0===O.current.value.length&&r.length>0&&w(t,r.length-1);break;case 13:n&&n.trim().length&&(!e.max||e.max>r.length)&&E(t,n,!0);break;default:C()?t.preventDefault():","===e.separator&&188===t.which&&E(t,n,!0)}},R=function(t,n,r){e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}}),O.current.value="",r&&t.preventDefault()},x=function(t){if(e.separator){var n=(t.clipboardData||window.clipboardData).getData("Text");if(n){var r=e.value||[],l=n.split(e.separator);l=l.filter((function(t){return(e.allowDuplicate||-1===r.indexOf(t))&&t.trim().length})),r=[].concat(f(r),f(l)),R(t,r,!0)}}},A=function(t){y(!0),e.onFocus&&e.onFocus(t)},N=function(t){y(!1),e.onBlur&&e.onBlur(t)},C=function(){return e.max&&e.value&&e.max===e.value.length},P=a.useMemo((function(){return e.value&&e.value.length||O.current&&O.current.value&&O.current.value.length}),[e.value]),k=function(t,n){return r.ObjectUtils.getPropValue(e.removable,{value:t,index:n,props:e})};a.useEffect((function(){r.ObjectUtils.combinedRefs(O,e.inputRef)}),[O,e.inputRef]);var S=function(t,n){return e.disabled||e.readOnly||!k(t,n)?null:a.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return w(e,n)}})},T=function(t,n){var r=e.itemTemplate?e.itemTemplate(t):t,l=a.createElement("span",{className:"p-chips-token-label"},r),i=S(t,n);return a.createElement("li",{key:n,className:"p-chips-token p-highlight"},l,i)},I=r.ObjectUtils.isNotEmpty(e.tooltip),B=r.ObjectUtils.findDiffKeys(e,h.defaultProps),_=r.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":P,"p-inputwrapper-focus":s},e.className),F=function(){var t=r.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.disabled,"p-focus":s}),n=e.value?e.value.map(T):null,l=a.createElement("li",{className:"p-chips-input-token"},a.createElement("input",{ref:O,id:e.inputId,placeholder:e.placeholder,type:"text",name:e.name,disabled:e.disabled||C(),onKeyDown:D,onPaste:x,onFocus:A,onBlur:N,"aria-labelledby":e.ariaLabelledBy,readOnly:e.readOnly}));return a.createElement("ul",{ref:g,className:t,onClick:j},n,l)}();return a.createElement(a.Fragment,null,a.createElement("div",i({ref:b,id:e.id,className:_,style:e.style},B),F),I&&a.createElement(n.Tooltip,i({target:O,content:e.tooltip},e.tooltipOptions)))})));return h.displayName="Chips",h.defaultProps={__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null},e.Chips=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);

package/core/core.js

@@ -3175,6 +3175,57 @@ this.primereact.hooks = (function (exports, React, utils) {
     };
     /* eslint-enable */
 
+    /**
+     * Hook to wrap around useState that stores the value in the browser local/session storage.
+     *
+     * @param {any} initialValue the initial value to store
+     * @param {string} key the key to store the value in local/session storage
+     * @param {string} storage either 'local' or 'session' for what type of storage
+     * @returns a stateful value, and a function to update it.
+     */
+
+    var useStorage = function useStorage(initialValue, key) {
+      var storage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'local';
+      // Since the local storage API isn't available in server-rendering environments, 
+      // we check that typeof window !== 'undefined' to make SSR and SSG work properly.
+      var storageAvailable = typeof window !== 'undefined';
+
+      var _React$useState = React__namespace.useState(function () {
+        if (!storageAvailable) {
+          return initialValue;
+        }
+
+        try {
+          var item = storage === 'local' ? window.localStorage.getItem(key) : window.sessionStorage.getItem(key);
+          return item ? JSON.parse(item) : initialValue;
+        } catch (error) {
+          // If error also return initialValue
+          return initialValue;
+        }
+      }),
+          _React$useState2 = _slicedToArray(_React$useState, 2),
+          storedValue = _React$useState2[0],
+          setStoredValue = _React$useState2[1];
+
+      var setValue = function setValue(value) {
+        try {
+          // Allow value to be a function so we have same API as useState
+          var valueToStore = value instanceof Function ? value(storedValue) : value;
+          setStoredValue(valueToStore);
+
+          if (storageAvailable) {
+            var serializedValue = JSON.stringify(valueToStore);
+            storage === 'local' ? window.localStorage.setItem(key, serializedValue) : window.sessionStorage.setItem(key, serializedValue);
+          }
+        } catch (error) {
+          throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(key));
+        }
+      };
+
+      return [storedValue, setValue];
+    };
+    /* eslint-enable */
+
     /* eslint-disable */
     var useTimeout = function useTimeout(fn) {
       var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -3213,6 +3264,7 @@ this.primereact.hooks = (function (exports, React, utils) {
     exports.useOverlayScrollListener = useOverlayScrollListener;
     exports.usePrevious = usePrevious;
     exports.useResizeListener = useResizeListener;
+    exports.useStorage = useStorage;
     exports.useTimeout = useTimeout;
     exports.useUnmountEffect = useUnmountEffect;
     exports.useUpdateEffect = useUpdateEffect;