primereact 9.0.0-rc.1 → 9.1.0

package/hooks/hooks.js

@@ -744,6 +744,19 @@ this.primereact.hooks = (function (exports, React, utils) {
       _useResizeListener2 = _slicedToArray(_useResizeListener, 2),
       bindWindowResizeListener = _useResizeListener2[0],
       unbindWindowResizeListener = _useResizeListener2[1];
+    var _useEventListener3 = useEventListener({
+        target: 'window',
+        type: 'orientationchange',
+        listener: function listener(event) {
+          _listener && _listener(event, {
+            type: 'orientationchange',
+            valid: true
+          });
+        }
+      }),
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindWindowOrientationChangeListener = _useEventListener4[0],
+      unbindWindowOrientationChangeListener = _useEventListener4[1];
     var _useOverlayScrollList = useOverlayScrollListener({
         target: target,
         listener: function listener(event) {
@@ -762,11 +775,13 @@ this.primereact.hooks = (function (exports, React, utils) {
     var bind = function bind() {
       bindDocumentClickListener();
       bindWindowResizeListener();
+      bindWindowOrientationChangeListener();
       bindOverlayScrollListener();
     };
     var unbind = function unbind() {
       unbindDocumentClickListener();
       unbindWindowResizeListener();
+      unbindWindowOrientationChangeListener();
       unbindOverlayScrollListener();
     };
     React__namespace.useEffect(function () {

package/hooks/hooks.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.hooks=function(e,t,n){"use strict";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 u=r(t);function c(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,u,c,o,i=[],f=!0,a=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;f=!1}else for(;!(f=(r=c.call(n)).done)&&(i.push(r.value),i.length!==t);f=!0);}catch(e){a=!0,u=e}finally{try{if(!f&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(a)throw u}}return i}}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 f(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 a(){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 l(e,t){return c(e)||o(e,t)||f(e,t)||a()}var s=function(e){var t=u.useRef(void 0);return u.useEffect((function(){t.current=e})),t.current},v=function(e){return u.useEffect((function(){return e}),[])},p=function(e){var t=e.target,r=void 0===t?"document":t,c=e.type,o=e.listener,i=e.options,f=e.when,a=void 0===f||f,l=u.useRef(null),p=u.useRef(null),d=s(i),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.ObjectUtils.isNotEmpty(e.target)&&(m(),(e.when||a)&&(l.current=n.DomHandler.getTargetElement(e.target))),!p.current&&l.current&&(p.current=function(e){return o&&o(e)},l.current.addEventListener(c,p.current,i))},m=function(){p.current&&(l.current.removeEventListener(c,p.current,i),p.current=null)};return u.useEffect((function(){a?l.current=n.DomHandler.getTargetElement(r):(m(),l.current=null)}),[r,a]),u.useEffect((function(){!p.current||p.current===o&&d===i||(m(),a&&g())}),[o,i]),v((function(){m()})),[g,m]},d=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=u.useRef(null),c=u.useRef(null),o=u.useCallback((function(){return clearTimeout(r.current)}),[r.current]);return u.useEffect((function(){c.current=e})),u.useEffect((function(){if(n)return r.current=setTimeout((function(){c.current()}),t),o;o()}),[t,n]),v((function(){o()})),[o]},g={ico:"image/x-icon",png:"image/png",svg:"image/svg+xml",gif:"image/gif"};function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function y(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=y(e,"string");return"symbol"===m(t)?t:String(t)}function h(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=function(e){var t=e.target,r=e.listener,c=e.options,o=e.when,i=void 0===o||o,f=u.useRef(null),a=u.useRef(null),l=u.useRef([]),p=s(c),d=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(n.ObjectUtils.isNotEmpty(e.target)&&(g(),(e.when||i)&&(f.current=n.DomHandler.getTargetElement(e.target))),!a.current&&f.current){var t=l.current=n.DomHandler.getScrollableParents(f.current);a.current=function(e){return r&&r(e)},t.forEach((function(e){return e.addEventListener("scroll",a.current,c)}))}},g=function(){a.current&&(l.current.forEach((function(e){return e.removeEventListener("scroll",a.current,c)})),a.current=null)};return u.useEffect((function(){i?f.current=n.DomHandler.getTargetElement(t):(g(),f.current=null)}),[t,i]),u.useEffect((function(){!a.current||a.current===r&&p===c||(g(),i&&d())}),[r,c]),v((function(){g()})),[d,g]},P=function(e){return p({target:"window",type:"resize",listener:e.listener})},D=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",r="undefined"!=typeof window,c=p({target:"window",type:"storage",listener:function(e){var r="local"===n?window.localStorage:window.sessionStorage;e.storageArea===r&&e.key===t&&d(e.newValue||void 0)}}),o=l(c,2),i=o[0],f=o[1],a=u.useState(void 0),s=l(a,2),v=s[0],d=s[1],g=function(e){try{var u=e instanceof Function?e(v):e;if(d(u),r){var c=JSON.stringify(u);"local"===n?window.localStorage.setItem(t,c):window.sessionStorage.setItem(t,c)}}catch(e){throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(t))}};return u.useEffect((function(){r||d(e);try{var u="local"===n?window.localStorage.getItem(t):window.sessionStorage.getItem(t);d(u?JSON.parse(u):e)}catch(t){d(e)}return i(),function(){return f()}}),[]),[v,g]};return e.useClickOutside=function(e,t){var n=function(n){e.current&&!e.current.contains(n.target)&&t(n)},r=l(p({type:"mousedown",listener:n}),2),c=r[0],o=r[1],i=l(p({type:"touchstart",listener:n}),2),f=i[0],a=i[1];return u.useEffect((function(){if(e.current)return c(),f(),function(){o(),a()}})),[e,t]},e.useCounter=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{step:1},n=u.useState(e),r=l(n,2),c=r[0],o=r[1],i=function(){t.max&&c>=t.max||o(c+t.step)},f=function(){if(t.min||0===t.min&&c<=t.min)return null;o(c-t.step)},a=function(){o(0)};return{count:c,increment:i,decrement:f,reset:a}},e.useDebounce=function(e,t){var n=l(u.useState(e),2),r=n[0],c=n[1],o=l(u.useState(e),2),i=o[0],f=o[1];return d((function(){f(r)}),t,r!==i),[r,i,c]},e.useEventListener=p,e.useFavicon=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"shortcut icon";u.useLayoutEffect((function(){if(e){document.querySelectorAll("link[rel*='icon']").forEach((function(e){document.head.removeChild(e)}));var n=document.createElement("link");n.setAttribute("type",g[e.split(".").pop()]),n.setAttribute("rel",t),n.setAttribute("href",e),document.head.appendChild(n)}}),[e,t])},e.useIntersectionObserver=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=u.useState(!1),r=l(n,2),c=r[0],o=r[1];return u.useEffect((function(){if(e.current){var n=new IntersectionObserver((function(e){var t=l(e,1);o(t[0].isIntersecting)}),t);return n.observe(e.current),function(){n.disconnect()}}}),[t,e]),c},e.useInterval=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=u.useRef(null),c=u.useRef(null),o=u.useCallback((function(){return clearInterval(r.current)}),[r.current]);return u.useEffect((function(){c.current=e})),u.useEffect((function(){if(n)return r.current=setInterval((function(){c.current()}),t),o;o()}),[t,n]),v((function(){o()})),[o]},e.useLocalStorage=function(e,t){return D(e,t,"local")},e.useMountEffect=function(e){return u.useEffect(e,[])},e.useMouse=function(){var e=l(u.useState({x:0,y:0}),2),t=e[0],n=e[1],r=u.useRef(null),c=u.useCallback((function(e){var t,u;if(r.current){var c=e.currentTarget.getBoundingClientRect();t=e.pageX-c.left-(window.pageXOffset||window.scrollX),u=e.pageY-c.top-(window.pageYOffset||window.scrollY)}else t=e.clientX,u=e.clientY;n({x:Math.max(0,Math.round(t)),y:Math.max(0,Math.round(u))})}),[]),o=l(p({target:r,type:"mousemove",listener:c}),2),i=o[0],f=o[1],a=l(p({type:"mousemove",listener:c}),2),s=a[0],v=a[1];return u.useEffect((function(){return i(),r.current||s(),function(){f(),r.current||v()}}),[s,i,v,f]),O(O({ref:r},t),{},{reset:function(){return n({x:0,y:0})}})},e.useMove=function(e){var t=e.mode,n=void 0===t?"both":t,r=e.initialValue,c=void 0===r?{x:0,y:0}:r,o=l(u.useState(c),2),i=o[0],f=o[1],a=l(u.useState(!1),2),s=a[0],v=a[1],d=u.useRef(!1),g=u.useRef(!1),m=u.useRef(null),y=function(e){return B({x:e.clientX,y:e.clientY})},b=function(e){var t=e.clampedX,r=e.clampedY;"vertical"===n?f({y:1-r}):"horizontal"===n?f({x:t}):"both"===n&&f({x:t,y:r})},h=function(){g.current&&d.current&&(g.current=!1,v(!1),_())},w=function(e){e.cancelable&&e.preventDefault(),B({x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY})},O=l(p({type:"mousemove",listener:y}),2),E=O[0],j=O[1],P=l(p({type:"mouseup",listener:h}),2),D=P[0],R=P[1],x=l(p({type:"touchmove",listener:w}),2),T=x[0],k=x[1],I=l(p({type:"touchend",listener:h}),2),M=I[0],A=I[1],C=l(p({target:m,type:"mousedown",listener:function(e){F(),e.preventDefault(),y(e)}}),2),L=C[0],X=C[1],Y=l(p({target:m,type:"touchstart",listener:function(e){e.cancelable&&e.preventDefault(),F(),w(e)},options:{passive:!1}}),2),H=Y[0],z=Y[1],N=function(e,t,n){return Math.min(Math.max(e,t),n)},U=function(e){var t=e.y;return{clampedX:N(e.x,0,1),clampedY:N(t,0,1)}},_=function(){j(),R(),k(),A()};u.useEffect((function(){d.current=!0}),[]);var F=function(){!g.current&&d.current&&(g.current=!0,v(!0),E(),D(),T(),M())},B=function(e){var t=e.x,n=e.y;if(g.current){var r=m.current.getBoundingClientRect(),u=U({x:(t-r.left)/r.width,y:(n-r.top)/r.height});b({clampedX:u.clampedX,clampedY:u.clampedY})}};return u.useEffect((function(){return m.current&&(L(),H()),function(){m.current&&(X(),z())}}),[L,H,i,X,z]),S(S({ref:m},i),{},{active:s,reset:function(){f(c)}})},e.useOverlayListener=function(e){var t=e.target,r=e.overlay,c=e.listener,o=e.when,i=void 0===o||o,f=u.useRef(null),a=u.useRef(null),s=l(p({type:"click",listener:function(e){c&&c(e,{type:"outside",valid:3!==e.which&&E(e)})}}),2),d=s[0],g=s[1],m=l(P({listener:function(e){c&&c(e,{type:"resize",valid:!n.DomHandler.isTouchDevice()})}}),2),y=m[0],b=m[1],h=l(j({target:t,listener:function(e){c&&c(e,{type:"scroll",valid:!0})}}),2),w=h[0],O=h[1],E=function(e){return f.current&&!(f.current.isSameNode(e.target)||f.current.contains(e.target)||a.current&&a.current.contains(e.target))},S=function(){g(),b(),O()};return u.useEffect((function(){i?(f.current=n.DomHandler.getTargetElement(t),a.current=n.DomHandler.getTargetElement(r)):(S(),f.current=a.current=null)}),[t,r,i]),u.useEffect((function(){S()}),[i]),v((function(){S()})),[function(){d(),y(),w()},S]},e.useOverlayScrollListener=j,e.usePrevious=s,e.useResizeListener=P,e.useSessionStorage=function(e,t){return D(e,t,"session")},e.useStorage=D,e.useTimeout=d,e.useUnmountEffect=v,e.useUpdateEffect=function(e,t){var n=u.useRef(!1);return u.useEffect((function(){if(n.current)return e&&e();n.current=!0}),t)},Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.hooks=function(e,t,n){"use strict";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 u=r(t);function c(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,u,c,o,i=[],f=!0,a=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;f=!1}else for(;!(f=(r=c.call(n)).done)&&(i.push(r.value),i.length!==t);f=!0);}catch(e){a=!0,u=e}finally{try{if(!f&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(a)throw u}}return i}}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 f(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 a(){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 l(e,t){return c(e)||o(e,t)||f(e,t)||a()}var s=function(e){var t=u.useRef(void 0);return u.useEffect((function(){t.current=e})),t.current},v=function(e){return u.useEffect((function(){return e}),[])},p=function(e){var t=e.target,r=void 0===t?"document":t,c=e.type,o=e.listener,i=e.options,f=e.when,a=void 0===f||f,l=u.useRef(null),p=u.useRef(null),d=s(i),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.ObjectUtils.isNotEmpty(e.target)&&(m(),(e.when||a)&&(l.current=n.DomHandler.getTargetElement(e.target))),!p.current&&l.current&&(p.current=function(e){return o&&o(e)},l.current.addEventListener(c,p.current,i))},m=function(){p.current&&(l.current.removeEventListener(c,p.current,i),p.current=null)};return u.useEffect((function(){a?l.current=n.DomHandler.getTargetElement(r):(m(),l.current=null)}),[r,a]),u.useEffect((function(){!p.current||p.current===o&&d===i||(m(),a&&g())}),[o,i]),v((function(){m()})),[g,m]},d=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=u.useRef(null),c=u.useRef(null),o=u.useCallback((function(){return clearTimeout(r.current)}),[r.current]);return u.useEffect((function(){c.current=e})),u.useEffect((function(){if(n)return r.current=setTimeout((function(){c.current()}),t),o;o()}),[t,n]),v((function(){o()})),[o]},g={ico:"image/x-icon",png:"image/png",svg:"image/svg+xml",gif:"image/gif"};function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function y(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=y(e,"string");return"symbol"===m(t)?t:String(t)}function h(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=function(e){var t=e.target,r=e.listener,c=e.options,o=e.when,i=void 0===o||o,f=u.useRef(null),a=u.useRef(null),l=u.useRef([]),p=s(c),d=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(n.ObjectUtils.isNotEmpty(e.target)&&(g(),(e.when||i)&&(f.current=n.DomHandler.getTargetElement(e.target))),!a.current&&f.current){var t=l.current=n.DomHandler.getScrollableParents(f.current);a.current=function(e){return r&&r(e)},t.forEach((function(e){return e.addEventListener("scroll",a.current,c)}))}},g=function(){a.current&&(l.current.forEach((function(e){return e.removeEventListener("scroll",a.current,c)})),a.current=null)};return u.useEffect((function(){i?f.current=n.DomHandler.getTargetElement(t):(g(),f.current=null)}),[t,i]),u.useEffect((function(){!a.current||a.current===r&&p===c||(g(),i&&d())}),[r,c]),v((function(){g()})),[d,g]},P=function(e){return p({target:"window",type:"resize",listener:e.listener})},D=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",r="undefined"!=typeof window,c=p({target:"window",type:"storage",listener:function(e){var r="local"===n?window.localStorage:window.sessionStorage;e.storageArea===r&&e.key===t&&d(e.newValue||void 0)}}),o=l(c,2),i=o[0],f=o[1],a=u.useState(void 0),s=l(a,2),v=s[0],d=s[1],g=function(e){try{var u=e instanceof Function?e(v):e;if(d(u),r){var c=JSON.stringify(u);"local"===n?window.localStorage.setItem(t,c):window.sessionStorage.setItem(t,c)}}catch(e){throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(t))}};return u.useEffect((function(){r||d(e);try{var u="local"===n?window.localStorage.getItem(t):window.sessionStorage.getItem(t);d(u?JSON.parse(u):e)}catch(t){d(e)}return i(),function(){return f()}}),[]),[v,g]};return e.useClickOutside=function(e,t){var n=function(n){e.current&&!e.current.contains(n.target)&&t(n)},r=l(p({type:"mousedown",listener:n}),2),c=r[0],o=r[1],i=l(p({type:"touchstart",listener:n}),2),f=i[0],a=i[1];return u.useEffect((function(){if(e.current)return c(),f(),function(){o(),a()}})),[e,t]},e.useCounter=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{step:1},n=u.useState(e),r=l(n,2),c=r[0],o=r[1],i=function(){t.max&&c>=t.max||o(c+t.step)},f=function(){if(t.min||0===t.min&&c<=t.min)return null;o(c-t.step)},a=function(){o(0)};return{count:c,increment:i,decrement:f,reset:a}},e.useDebounce=function(e,t){var n=l(u.useState(e),2),r=n[0],c=n[1],o=l(u.useState(e),2),i=o[0],f=o[1];return d((function(){f(r)}),t,r!==i),[r,i,c]},e.useEventListener=p,e.useFavicon=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"shortcut icon";u.useLayoutEffect((function(){if(e){document.querySelectorAll("link[rel*='icon']").forEach((function(e){document.head.removeChild(e)}));var n=document.createElement("link");n.setAttribute("type",g[e.split(".").pop()]),n.setAttribute("rel",t),n.setAttribute("href",e),document.head.appendChild(n)}}),[e,t])},e.useIntersectionObserver=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=u.useState(!1),r=l(n,2),c=r[0],o=r[1];return u.useEffect((function(){if(e.current){var n=new IntersectionObserver((function(e){var t=l(e,1);o(t[0].isIntersecting)}),t);return n.observe(e.current),function(){n.disconnect()}}}),[t,e]),c},e.useInterval=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=u.useRef(null),c=u.useRef(null),o=u.useCallback((function(){return clearInterval(r.current)}),[r.current]);return u.useEffect((function(){c.current=e})),u.useEffect((function(){if(n)return r.current=setInterval((function(){c.current()}),t),o;o()}),[t,n]),v((function(){o()})),[o]},e.useLocalStorage=function(e,t){return D(e,t,"local")},e.useMountEffect=function(e){return u.useEffect(e,[])},e.useMouse=function(){var e=l(u.useState({x:0,y:0}),2),t=e[0],n=e[1],r=u.useRef(null),c=u.useCallback((function(e){var t,u;if(r.current){var c=e.currentTarget.getBoundingClientRect();t=e.pageX-c.left-(window.pageXOffset||window.scrollX),u=e.pageY-c.top-(window.pageYOffset||window.scrollY)}else t=e.clientX,u=e.clientY;n({x:Math.max(0,Math.round(t)),y:Math.max(0,Math.round(u))})}),[]),o=l(p({target:r,type:"mousemove",listener:c}),2),i=o[0],f=o[1],a=l(p({type:"mousemove",listener:c}),2),s=a[0],v=a[1];return u.useEffect((function(){return i(),r.current||s(),function(){f(),r.current||v()}}),[s,i,v,f]),O(O({ref:r},t),{},{reset:function(){return n({x:0,y:0})}})},e.useMove=function(e){var t=e.mode,n=void 0===t?"both":t,r=e.initialValue,c=void 0===r?{x:0,y:0}:r,o=l(u.useState(c),2),i=o[0],f=o[1],a=l(u.useState(!1),2),s=a[0],v=a[1],d=u.useRef(!1),g=u.useRef(!1),m=u.useRef(null),y=function(e){return B({x:e.clientX,y:e.clientY})},b=function(e){var t=e.clampedX,r=e.clampedY;"vertical"===n?f({y:1-r}):"horizontal"===n?f({x:t}):"both"===n&&f({x:t,y:r})},h=function(){g.current&&d.current&&(g.current=!1,v(!1),_())},w=function(e){e.cancelable&&e.preventDefault(),B({x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY})},O=l(p({type:"mousemove",listener:y}),2),E=O[0],j=O[1],P=l(p({type:"mouseup",listener:h}),2),D=P[0],R=P[1],x=l(p({type:"touchmove",listener:w}),2),T=x[0],k=x[1],I=l(p({type:"touchend",listener:h}),2),M=I[0],A=I[1],C=l(p({target:m,type:"mousedown",listener:function(e){F(),e.preventDefault(),y(e)}}),2),L=C[0],X=C[1],Y=l(p({target:m,type:"touchstart",listener:function(e){e.cancelable&&e.preventDefault(),F(),w(e)},options:{passive:!1}}),2),H=Y[0],z=Y[1],N=function(e,t,n){return Math.min(Math.max(e,t),n)},U=function(e){var t=e.y;return{clampedX:N(e.x,0,1),clampedY:N(t,0,1)}},_=function(){j(),R(),k(),A()};u.useEffect((function(){d.current=!0}),[]);var F=function(){!g.current&&d.current&&(g.current=!0,v(!0),E(),D(),T(),M())},B=function(e){var t=e.x,n=e.y;if(g.current){var r=m.current.getBoundingClientRect(),u=U({x:(t-r.left)/r.width,y:(n-r.top)/r.height});b({clampedX:u.clampedX,clampedY:u.clampedY})}};return u.useEffect((function(){return m.current&&(L(),H()),function(){m.current&&(X(),z())}}),[L,H,i,X,z]),S(S({ref:m},i),{},{active:s,reset:function(){f(c)}})},e.useOverlayListener=function(e){var t=e.target,r=e.overlay,c=e.listener,o=e.when,i=void 0===o||o,f=u.useRef(null),a=u.useRef(null),s=l(p({type:"click",listener:function(e){c&&c(e,{type:"outside",valid:3!==e.which&&R(e)})}}),2),d=s[0],g=s[1],m=l(P({listener:function(e){c&&c(e,{type:"resize",valid:!n.DomHandler.isTouchDevice()})}}),2),y=m[0],b=m[1],h=l(p({target:"window",type:"orientationchange",listener:function(e){c&&c(e,{type:"orientationchange",valid:!0})}}),2),w=h[0],O=h[1],E=l(j({target:t,listener:function(e){c&&c(e,{type:"scroll",valid:!0})}}),2),S=E[0],D=E[1],R=function(e){return f.current&&!(f.current.isSameNode(e.target)||f.current.contains(e.target)||a.current&&a.current.contains(e.target))},x=function(){g(),b(),O(),D()};return u.useEffect((function(){i?(f.current=n.DomHandler.getTargetElement(t),a.current=n.DomHandler.getTargetElement(r)):(x(),f.current=a.current=null)}),[t,r,i]),u.useEffect((function(){x()}),[i]),v((function(){x()})),[function(){d(),y(),w(),S()},x]},e.useOverlayScrollListener=j,e.usePrevious=s,e.useResizeListener=P,e.useSessionStorage=function(e,t){return D(e,t,"session")},e.useStorage=D,e.useTimeout=d,e.useUnmountEffect=v,e.useUpdateEffect=function(e,t){var n=u.useRef(!1);return u.useEffect((function(){if(n.current)return e&&e();n.current=!0}),t)},Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/image/image.d.ts

@@ -2,7 +2,7 @@
  *
  * Displays a single image with preview and tranformation options.
  *
- * [Live Demo](https://www.primefaces.org/primereact/image/)
+ * [Live Demo](https://www.primereact.org/image/)
  *
  * @module image
  *
@@ -76,7 +76,7 @@ export interface ImageProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
  *
  * _Displays a single image with preview and tranformation options._
  *
- * [Live Demo](https://www.primefaces.org/primereact/image/)
+ * [Live Demo](https://www.primereact.org/image/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/inplace/inplace.d.ts

@@ -2,7 +2,7 @@
  *
  * Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.
  *
- * [Live Demo](https://www.primefaces.org/primereact/inplace)
+ * [Live Demo](https://www.primereact.org/inplace)
  *
  * Helper Components:
  *
@@ -82,7 +82,7 @@ export interface InplaceProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
  *
  * _Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content._
  *
- * [Live Demo](https://www.primefaces.org/primereact/inplace/)
+ * [Live Demo](https://www.primereact.org/inplace/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
@@ -97,11 +97,9 @@ export declare class Inplace extends React.Component<InplaceProps, any> {
 }
 
 /**
- * InplaceDisplay is a helper component for Inplace.
- * @group Component
+ * @group Properties
  */
-// tslint:disable-next-line:max-classes-per-file
-export declare class InplaceDisplay extends React.Component {
+export interface InplaceDisplayProps {
     /**
      * Used to get the child elements of the component.
      * @readonly
@@ -110,14 +108,26 @@ export declare class InplaceDisplay extends React.Component {
 }
 
 /**
- * InplaceContent is a helper component for Inplace.
- * @group Component
+ * @group Properties
  */
-// tslint:disable-next-line:max-classes-per-file
-export declare class InplaceContent extends React.Component {
+export interface InplaceContentProps {
     /**
      * Used to get the child elements of the component.
      * @readonly
      */
     children?: React.ReactNode | undefined;
 }
+
+/**
+ * InplaceDisplay is a helper component for Inplace.
+ * @group Component
+ */
+// tslint:disable-next-line:max-classes-per-file
+export declare class InplaceDisplay extends React.Component<InplaceDisplayProps, any> {}
+
+/**
+ * InplaceContent is a helper component for Inplace.
+ * @group Component
+ */
+// tslint:disable-next-line:max-classes-per-file
+export declare class InplaceContent extends React.Component<InplaceContentProps, any> {}

package/inputmask/inputmask.d.ts

@@ -2,7 +2,7 @@
  *
  * InputMask component is used to enter input in a certain format such as numeric, date, currency, email and phone.
  *
- * [Live Demo](https://www.primefaces.org/primereact/inputmask/)
+ * [Live Demo](https://www.primereact.org/inputmask/)
  *
  * @module inputmask
  *
@@ -116,7 +116,7 @@ export interface InputMaskProps extends Omit<InputTextProps, 'onChange'> {
  *
  * _InputMask component is used to enter input in a certain format such as numeric, date, currency, email and phone._
  *
- * [Live Demo](https://www.primefaces.org/primereact/inputmask/)
+ * [Live Demo](https://www.primereact.org/inputmask/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/inputnumber/inputnumber.d.ts

@@ -2,7 +2,7 @@
  *
  * InputNumber is an input component to provide numerical input.
  *
- * [Live Demo](https://www.primefaces.org/primereact/inputnumber/)
+ * [Live Demo](https://www.primereact.org/inputnumber/)
  *
  * @module inputnumber
  *
@@ -256,7 +256,7 @@ export interface InputNumberProps extends Omit<React.DetailedHTMLProps<React.HTM
  *
  * _InputNumber is an input component to provide numerical input._
  *
- * [Live Demo](https://www.primefaces.org/primereact/inputnumber/)
+ * [Live Demo](https://www.primereact.org/inputnumber/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/inputswitch/inputswitch.d.ts

@@ -2,7 +2,7 @@
  *
  * InputSwitch is used to select a boolean value.
  *
- * [Live Demo](https://www.primefaces.org/primereact/inputswitch/)
+ * [Live Demo](https://www.primereact.org/inputswitch/)
  *
  * @module inputswitch
  *
@@ -108,7 +108,7 @@ export interface InputSwitchProps extends Omit<React.DetailedHTMLProps<React.Inp
  *
  * _InputSwitch is used to select a boolean value._
  *
- * [Live Demo](https://www.primefaces.org/primereact/inputswitch/)
+ * [Live Demo](https://www.primereact.org/inputswitch/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/inputtext/inputtext.d.ts

@@ -2,7 +2,7 @@
  *
  * InputText is an extension to standard input element with theming and keyfiltering.
  *
- * [Live Demo](https://www.primefaces.org/primereact/inputtext/)
+ * [Live Demo](https://www.primereact.org/inputtext/)
  *
  * @module inputtext
  *
@@ -56,7 +56,7 @@ export interface InputTextProps extends Omit<React.DetailedHTMLProps<React.Input
  *
  * _InputText is an extension to standard input element with theming and keyfiltering._
  *
- * [Live Demo](https://www.primefaces.org/primereact/inputtext/)
+ * [Live Demo](https://www.primereact.org/inputtext/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/inputtextarea/inputtextarea.d.ts

@@ -2,7 +2,7 @@
  *
  * Inputtextarea add styling and autoResize functionality to standard textarea element.
  *
- * [Live Demo](https://www.primefaces.org/primereact/inputtextarea/)
+ * [Live Demo](https://www.primereact.org/inputtextarea/)
  *
  * @module inputtextarea
  *
@@ -50,7 +50,7 @@ export interface InputTextareaProps extends Omit<React.DetailedHTMLProps<React.T
  *
  * _Inputtextarea add styling and autoResize functionality to standard textarea element._
  *
- * [Live Demo](https://www.primefaces.org/primereact/inputtextarea/)
+ * [Live Demo](https://www.primereact.org/inputtextarea/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/knob/knob.d.ts

@@ -2,7 +2,7 @@
  *
  * Knob is a form component to define number inputs with a dial.
  *
- * [Live Demo](https://www.primefaces.org/primereact/knob/)
+ * [Live Demo](https://www.primereact.org/knob/)
  *
  * @module knob
  *
@@ -123,7 +123,7 @@ export interface KnobProps extends Omit<React.DetailedHTMLProps<React.InputHTMLA
  *
  * _Knob is a form component to define number inputs with a dial._
  *
- * [Live Demo](https://www.primefaces.org/primereact/knob/)
+ * [Live Demo](https://www.primereact.org/knob/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/listbox/listbox.d.ts

@@ -2,7 +2,7 @@
  *
  * ListBox is used to select one or more values from a list of items.
  *
- * [Live Demo](https://www.primefaces.org/primereact/listbox/)
+ * [Live Demo](https://www.primereact.org/listbox/)
  *
  * @module listbox
  *
@@ -14,7 +14,6 @@ import { VirtualScroller, VirtualScrollerProps } from '../virtualscroller';
 
 /**
  * Custom change target options.
- * @group Misc
  */
 interface ListBoxChangeTargetOptions {
     /**
@@ -77,7 +76,6 @@ interface ListBoxFilterValueChangeEvent {
 
 /**
  * Custom filter template options.
- * @group Misc
  */
 interface ListBoxFilterTemplateOptions {
     /**
@@ -124,7 +122,6 @@ interface ListBoxFilterTemplateOptions {
 
 /**
  * Custom filter options.
- * @group Misc
  */
 interface ListBoxFilterOptions {
     /**
@@ -291,7 +288,7 @@ export interface ListBoxProps extends Omit<React.DetailedHTMLProps<React.InputHT
  *
  * _ListBox is used to select one or more values from a list of items._
  *
- * [Live Demo](https://www.primefaces.org/primereact/listbox/)
+ * [Live Demo](https://www.primereact.org/listbox/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/megamenu/megamenu.d.ts

@@ -2,7 +2,7 @@
  *
  * MegaMenu is navigation component that displays submenus together.
  *
- * [Live Demo](https://www.primefaces.org/primereact/megamenu/)
+ * [Live Demo](https://www.primereact.org/megamenu/)
  *
  * @module megamenu
  *
@@ -44,7 +44,7 @@ export interface MegaMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
  *
  * _MegaMenu is navigation component that displays submenus together._
  *
- * [Live Demo](https://www.primefaces.org/primereact/megamenu/)
+ * [Live Demo](https://www.primereact.org/megamenu/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/mention/mention.d.ts

@@ -2,7 +2,7 @@
  *
  * Mention component is used to refer someone or something.
  *
- * [Live Demo](https://www.primefaces.org/primereact/mention/)
+ * [Live Demo](https://www.primereact.org/mention/)
  *
  * @module mention
  *
@@ -12,7 +12,6 @@ import { CSSTransitionProps } from '../csstransition';
 import { InputTextarea } from '../inputtextarea';
 
 /**
- * @group Misc
  */
 interface MentionItemTemplateOptions {
     /**
@@ -189,7 +188,7 @@ export interface MentionProps extends Omit<React.DetailedHTMLProps<React.Textare
  *
  * _Mention component is used to refer someone or something._
  *
- * [Live Demo](https://www.primefaces.org/primereact/mention/)
+ * [Live Demo](https://www.primereact.org/mention/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/menu/menu.d.ts

@@ -2,7 +2,7 @@
  *
  * Menu is a navigation/command component that supports dynamic and static positioning.
  *
- * [Live Demo](https://www.primefaces.org/primereact/menu/)
+ * [Live Demo](https://www.primereact.org/menu/)
  *
  * @module menu
  *
@@ -67,7 +67,7 @@ export interface MenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttrib
  *
  * _Menu is a navigation/command component that supports dynamic and static positioning._
  *
- * [Live Demo](https://www.primefaces.org/primereact/menu/)
+ * [Live Demo](https://www.primereact.org/menu/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/menubar/menubar.d.ts

@@ -2,7 +2,7 @@
  *
  * Manubar is an input component that provides real-time suggestions when being typed.
  *
- * [Live Demo](https://www.primefaces.org/primereact/menubar/)
+ * [Live Demo](https://www.primereact.org/menubar/)
  *
  * @module menubar
  *
@@ -39,7 +39,7 @@ export interface MenubarProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
  *
  * _Manubar is an input component that provides real-time suggestions when being typed._
  *
- * [Live Demo](https://www.primefaces.org/primereact/menubar/)
+ * [Live Demo](https://www.primereact.org/menubar/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/menubar/menubar.min.css

@@ -1 +1 @@
-.p-menubar{display:flex;align-items:center}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative}.p-menubar-root-list{display:flex;align-items:center}.p-menubar-root-list>li ul{display:none;z-index:1}.p-menubar-root-list>.p-menuitem-active>.p-submenu-list{display:block}.p-menubar .p-submenu-list{display:none;position:absolute;z-index:1}.p-menubar .p-submenu-list>.p-menuitem-active>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon{margin-left:auto}.p-menubar .p-menubar-custom,.p-menubar .p-menubar-end{margin-left:auto;align-self:center}.p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center;text-decoration:none}
+.p-menubar{display:flex;align-items:center}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative}.p-menubar-root-list{display:flex;align-items:center;flex-wrap:wrap}.p-menubar-root-list>li ul{display:none;z-index:1}.p-menubar-root-list>.p-menuitem-active>.p-submenu-list{display:block}.p-menubar .p-submenu-list{display:none;position:absolute;z-index:1}.p-menubar .p-submenu-list>.p-menuitem-active>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon{margin-left:auto}.p-menubar .p-menubar-custom,.p-menubar .p-menubar-end{margin-left:auto;align-self:center}.p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center;text-decoration:none}

package/menuitem/menuitem.d.ts

@@ -2,7 +2,7 @@
  *
  * PrimeReact menus components share a common api to specify the menuitems and submenus.
  *
- * [Live Demo](https://www.primefaces.org/primereact/menumodel/)
+ * [Live Demo](https://www.primereact.org/menumodel/)
  *
  * @module menuitem
  *
@@ -27,7 +27,6 @@ interface MenuItemCommandEvent {
 
 /**
  * Menu item options
- * @group Misc
  */
 interface MenuItemOptions {
     /**
@@ -58,8 +57,8 @@ interface MenuItemOptions {
 }
 
 /**
- * Defines valid properties in MenuItem API.
- * @group Properties
+ * Defines model of MenuItem API.
+ * @group Model
  */
 export interface MenuItem {
     /**

package/message/message.d.ts

@@ -2,7 +2,7 @@
  *
  * Message is used to display inline message with various severities.
  *
- * [Live Demo](https://www.primefaces.org/primereact/message)
+ * [Live Demo](https://www.primereact.org/message)
  *
  * @module message
  *
@@ -44,7 +44,7 @@ export interface MessageProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
  *
  * _Message is used to display inline message with various severities._
  *
- * [Live Demo](https://www.primefaces.org/primereact/message/)
+ * [Live Demo](https://www.primereact.org/message/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/messages/messages.d.ts

@@ -2,7 +2,7 @@
  *
  * Messages is used to display inline messages with various severities.
  *
- * [Live Demo](https://www.primefaces.org/primereact/messages)
+ * [Live Demo](https://www.primereact.org/messages)
  *
  * @module messages
  *
@@ -84,7 +84,7 @@ export interface MessagesProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
  *
  * _Messages is used to display inline messages with various severities._
  *
- * [Live Demo](https://www.primefaces.org/primereact/messages/)
+ * [Live Demo](https://www.primereact.org/messages/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/multiselect/multiselect.d.ts

@@ -2,7 +2,7 @@
  *
  * MultiSelect is used to select multiple items from a collection.
  *
- * [Live Demo](https://www.primefaces.org/primereact/multiselect/)
+ * [Live Demo](https://www.primereact.org/multiselect/)
  *
  * @module multiselect
  *
@@ -78,7 +78,6 @@ interface MultiSelectPanelHeaderTemplateEvent {
 
 /**
  * Custom multiselect change target options
- * @group Misc
  */
 interface MultiSelectChangeTargetOptions {
     /**
@@ -157,7 +156,6 @@ interface MultiSelectAllEvent {
 
 /**
  * Multiselect filter options
- * @group Misc
  */
 interface MultiSelectFilterOptions {
     /**
@@ -457,7 +455,7 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
  *
  * _MultiSelect is used to select multiple items from a collection._
  *
- * [Live Demo](https://www.primefaces.org/primereact/multiselect/)
+ * [Live Demo](https://www.primereact.org/multiselect/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/multistatecheckbox/multistatecheckbox.d.ts

@@ -2,7 +2,7 @@
  *
  * MultiStateCheckbox is used to select a state from given multiple states.
  *
- * [Live Demo](https://www.primefaces.org/primereact/multistatecheckbox/)
+ * [Live Demo](https://www.primereact.org/multistatecheckbox/)
  *
  * @module multistatecheckbox
  *
@@ -13,7 +13,6 @@ import { IconType } from '../utils';
 
 /**
  * Custom MultiStateCheckbox option.
- * @group Misc
  */
 interface MultiStateCheckboxOption {
     /**
@@ -175,7 +174,7 @@ export interface MultiStateCheckboxProps extends Omit<React.DetailedHTMLProps<Re
  *
  * _MultiStateCheckbox is used to select a state from given multiple states._
  *
- * [Live Demo](https://www.primefaces.org/primereact/multistatecheckbox/)
+ * [Live Demo](https://www.primereact.org/multistatecheckbox/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/orderlist/orderlist.cjs.js

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var api = require('primereact/api');
+var PrimeReact = require('primereact/api');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
 var button = require('primereact/button');
 var ripple = require('primereact/ripple');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -28,6 +30,7 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -127,6 +130,7 @@ var OrderListBase = {
     dragdrop: false,
     tabIndex: 0,
     dataKey: null,
+    breakpoint: '960px',
     onChange: null,
     itemTemplate: null,
     filter: false,
@@ -474,8 +478,13 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     filterValueState = _React$useState4[0],
     setFilterValueState = _React$useState4[1];
+  var _React$useState5 = React__namespace.useState(null),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    attributeSelectorState = _React$useState6[0],
+    setAttributeSelectorState = _React$useState6[1];
   var hasFilter = utils.ObjectUtils.isNotEmpty(filterValueState);
   var elementRef = React__namespace.useRef(null);
+  var styleElementRef = React__namespace.useRef(null);
   var reorderDirection = React__namespace.useRef(null);
   var onItemClick = function onItemClick(event) {
     var metaKey = event.originalEvent.metaKey || event.originalEvent.ctrlKey;
@@ -542,7 +551,7 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     if (hasFilter) {
       var filterValue = filterValueState.trim().toLocaleLowerCase(props.filterLocale);
       var searchFields = props.filterBy ? props.filterBy.split(',') : [];
-      return api.FilterService.filter(props.value, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+      return PrimeReact.FilterService.filter(props.value, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
     }
     return props.value;
   };
@@ -586,6 +595,16 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       }
     }
   };
+  var createStyle = function createStyle() {
+    if (!styleElementRef.current) {
+      styleElementRef.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+      var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-orderlist[").concat(attributeSelectorState, "] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(attributeSelectorState, "] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(attributeSelectorState, "] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(attributeSelectorState, "] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");
+      styleElementRef.current.innerHTML = innerHTML;
+    }
+  };
+  var destroyStyle = function destroyStyle() {
+    styleElementRef.current = utils.DomHandler.removeInlineStyle(styleElementRef.current);
+  };
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -594,6 +613,18 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       }
     };
   });
+  hooks.useMountEffect(function () {
+    !attributeSelectorState && setAttributeSelectorState(utils.UniqueComponentId());
+  });
+  hooks.useUpdateEffect(function () {
+    if (attributeSelectorState) {
+      elementRef.current.setAttribute(attributeSelectorState, '');
+      createStyle();
+    }
+    return function () {
+      destroyStyle();
+    };
+  }, [attributeSelectorState, props.breakpoint]);
   hooks.useUpdateEffect(function () {
     if (reorderDirection.current) {
       updateListScroll();