primereact 9.0.0-beta.1 → 9.0.0-rc.1

package/hooks/hooks.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.hooks=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=n(t),c=function(e){var t=u.useRef(void 0);return u.useEffect((function(){t.current=e})),t.current},o=function(e){return u.useEffect((function(){return e}),[])},i=function(e){var t=e.target,n=void 0===t?"document":t,i=e.type,l=e.listener,f=e.options,a=e.when,s=void 0===a||a,v=u.useRef(null),d=u.useRef(null),g=c(f),m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};r.ObjectUtils.isNotEmpty(e.target)&&(y(),(e.when||s)&&(v.current=r.DomHandler.getTargetElement(e.target))),!d.current&&v.current&&(d.current=function(e){return l&&l(e)},v.current.addEventListener(i,d.current,f))},y=function(){d.current&&(v.current.removeEventListener(i,d.current,f),d.current=null)};return u.useEffect((function(){s?v.current=r.DomHandler.getTargetElement(n):(y(),v.current=null)}),[n,s]),u.useEffect((function(){!d.current||d.current===l&&g===f||(y(),s&&m())}),[l,f]),o((function(){y()})),[m,y]};function l(e){if(Array.isArray(e))return e}function f(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,c,o,i=[],l=!0,f=!1;try{if(c=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=c.call(r)).done)&&(i.push(n.value),i.length!==t);l=!0);}catch(e){f=!0,u=e}finally{try{if(!l&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(f)throw u}}return i}}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}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.")}function d(e,t){return l(e)||f(e,t)||s(e,t)||v()}var g=function(e){var t=e.target,n=e.listener,i=e.options,l=e.when,f=void 0===l||l,a=u.useRef(null),s=u.useRef(null),v=u.useRef([]),d=c(i),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(r.ObjectUtils.isNotEmpty(e.target)&&(m(),(e.when||f)&&(a.current=r.DomHandler.getTargetElement(e.target))),!s.current&&a.current){var t=v.current=r.DomHandler.getScrollableParents(a.current);s.current=function(e){return n&&n(e)},t.forEach((function(e){return e.addEventListener("scroll",s.current,i)}))}},m=function(){s.current&&(v.current.forEach((function(e){return e.removeEventListener("scroll",s.current,i)})),s.current=null)};return u.useEffect((function(){f?a.current=r.DomHandler.getTargetElement(t):(m(),a.current=null)}),[t,f]),u.useEffect((function(){!s.current||s.current===n&&d===i||(m(),f&&g())}),[n,i]),o((function(){m()})),[g,m]},m=function(e){return i({target:"window",type:"resize",listener:e.listener})},y=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",n="undefined"!=typeof window,c=i({target:"window",type:"storage",listener:function(e){var n="local"===r?window.localStorage:window.sessionStorage;e.storageArea===n&&e.key===t&&g(e.newValue||void 0)}}),o=d(c,2),l=o[0],f=o[1],a=u.useState((function(){if(!n)return e;try{var u="local"===r?window.localStorage.getItem(t):window.sessionStorage.getItem(t);return u?JSON.parse(u):e}catch(t){return e}})),s=d(a,2),v=s[0],g=s[1],m=function(e){try{var u=e instanceof Function?e(v):e;if(g(u),n){var c=JSON.stringify(u);"local"===r?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(){return l(),function(){return f()}}),[]),[v,m]};return e.useEventListener=i,e.useInterval=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=u.useRef(null),c=u.useRef(null),i=u.useCallback((function(){return clearInterval(n.current)}),[n.current]);return u.useEffect((function(){c.current=e})),u.useEffect((function(){if(r)return n.current=setInterval((function(){c.current()}),t),i;i()}),[t,r]),o((function(){i()})),[i]},e.useLocalStorage=function(e,t){return y(e,t,"local")},e.useMountEffect=function(e){return u.useEffect(e,[])},e.useOverlayListener=function(e){var t=e.target,n=e.overlay,c=e.listener,l=e.when,f=void 0===l||l,a=u.useRef(null),s=u.useRef(null),v=d(i({type:"click",listener:function(e){c&&c(e,{type:"outside",valid:3!==e.which&&R(e)})}}),2),y=v[0],E=v[1],h=d(m({listener:function(e){c&&c(e,{type:"resize",valid:!r.DomHandler.isTouchDevice()})}}),2),w=h[0],p=h[1],b=d(g({target:t,listener:function(e){c&&c(e,{type:"scroll",valid:!0})}}),2),S=b[0],O=b[1],R=function(e){return a.current&&!(a.current.isSameNode(e.target)||a.current.contains(e.target)||s.current&&s.current.contains(e.target))},j=function(){E(),p(),O()};return u.useEffect((function(){f?(a.current=r.DomHandler.getTargetElement(t),s.current=r.DomHandler.getTargetElement(n)):(j(),a.current=s.current=null)}),[t,n,f]),u.useEffect((function(){j()}),[f]),o((function(){j()})),[function(){y(),w(),S()},j]},e.useOverlayScrollListener=g,e.usePrevious=c,e.useResizeListener=m,e.useSessionStorage=function(e,t){return y(e,t,"session")},e.useStorage=y,e.useTimeout=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=u.useRef(null),c=u.useRef(null),i=u.useCallback((function(){return clearTimeout(n.current)}),[n.current]);return u.useEffect((function(){c.current=e})),u.useEffect((function(){if(r)return n.current=setTimeout((function(){c.current()}),t),i;i()}),[t,r]),o((function(){i()})),[i]},e.useUnmountEffect=o,e.useUpdateEffect=function(e,t){var r=u.useRef(!1);return u.useEffect((function(){if(r.current)return e&&e();r.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&&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);

package/hooks/package.json

@@ -2,5 +2,6 @@
     "main": "./hooks.cjs.js",
     "module": "./hooks.esm.js",
     "unpkg": "./hooks.min.js",
-    "types": "./hooks.d.ts"
+    "types": "./hooks.d.ts",
+    "sideEffects": false
 }

package/image/image.cjs.js

@@ -65,9 +65,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -83,9 +81,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -106,7 +102,35 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var ImageBase = {
+  defaultProps: {
+    __TYPE: 'Image',
+    alt: null,
+    className: null,
+    downloadable: false,
+    height: null,
+    imageClassName: null,
+    imageStyle: null,
+    onError: null,
+    onHide: null,
+    onShow: null,
+    preview: false,
+    src: null,
+    template: null,
+    width: null,
+    zoomSrc: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, ImageBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, ImageBase.defaultProps);
+  }
+};
+
+var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = ImageBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     maskVisibleState = _React$useState2[0],
@@ -301,7 +325,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     alt = props.alt,
     width = props.width,
     height = props.height;
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, Image.defaultProps);
+  var otherProps = ImageBase.getOtherProps(props);
   var containerClassName = utils.classNames('p-image p-component', props.className, {
     'p-image-preview-container': props.preview
   });
@@ -329,22 +353,5 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   }));
 }));
 Image.displayName = 'Image';
-Image.defaultProps = {
-  __TYPE: 'Image',
-  alt: null,
-  className: null,
-  downloadable: false,
-  height: null,
-  imageClassName: null,
-  imageStyle: null,
-  onError: null,
-  onHide: null,
-  onShow: null,
-  preview: false,
-  src: null,
-  template: null,
-  width: null,
-  zoomSrc: null
-};
 
 exports.Image = Image;

package/image/image.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/portal"),i=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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=o(e),u=l(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function 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 b(e,t){return m(e)||p(e,t)||d(e,t)||g()}var y=c.memo(c.forwardRef((function(e,l){var o=b(c.useState(!1),2),m=o[0],p=o[1],f=b(c.useState(!1),2),d=f[0],g=f[1],v=b(c.useState(0),2),E=v[0],h=v[1],w=b(c.useState(1),2),N=w[0],O=w[1],S=c.useRef(null),j=c.useRef(null),k=c.useRef(null),x=c.useRef(null),C=c.useRef(!1),I=function(){e.preview&&(p(!0),setTimeout((function(){g(!0)}),25))},P=function(){C.current||(g(!1),h(0),O(1)),C.current=!1},A=function(){C.current=!0},R=function(){i.DomHandler.saveAs({name:e.alt,src:e.src}),C.current=!0},U=function(){h((function(e){return e+90})),C.current=!0},q=function(){h((function(e){return e-90})),C.current=!0},H=function(){O((function(e){return e+.1})),C.current=!0},_=function(){O((function(e){return e-.1})),C.current=!0},T=function(){i.ZIndexUtils.set("modal",k.current,u.default.autoZIndex,u.default.zIndex.modal)},z=function(){e.onShow&&e.onShow()},D=function(){i.DomHandler.addClass(k.current,"p-component-overlay-leave")},Z=function(){e.onHide&&e.onHide()},M=function(){i.ZIndexUtils.clear(k.current),p(!1)};r.useUnmountEffect((function(){k.current&&i.ZIndexUtils.clear(k.current)}));c.useImperativeHandle(l,(function(){return{props:e,show:I,hide:P,getElement:function(){return S.current},getImage:function(){return j.current}}}));var J,K,X=e.src,Y=e.alt,$=e.width,B=e.height,F=i.ObjectUtils.findDiffKeys(e,y.defaultProps),G=i.classNames("p-image p-component",e.className,{"p-image-preview-container":e.preview}),L=(J={transform:"rotate("+E+"deg) scale("+N+")"},K=N<=.5||N>=1.5,c.createElement("div",{ref:k,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:P},c.createElement("div",{className:"p-image-toolbar"},e.downloadable&&c.createElement("button",{className:"p-image-action p-link",onClick:R,type:"button"},c.createElement("i",{className:"pi pi-download"})),c.createElement("button",{className:"p-image-action p-link",onClick:U,type:"button"},c.createElement("i",{className:"pi pi-refresh"})),c.createElement("button",{className:"p-image-action p-link",onClick:q,type:"button"},c.createElement("i",{className:"pi pi-undo"})),c.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button",disabled:K},c.createElement("i",{className:"pi pi-search-minus"})),c.createElement("button",{className:"p-image-action p-link",onClick:H,type:"button",disabled:K},c.createElement("i",{className:"pi pi-search-plus"})),c.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":t.localeOption("close")},c.createElement("i",{className:"pi pi-times"}))),c.createElement(n.CSSTransition,{nodeRef:x,classNames:"p-image-preview",in:d,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:T,onEntered:z,onExit:D,onExiting:Z,onExited:M},c.createElement("div",{ref:x},c.createElement("img",{src:e.zoomSrc||e.src,className:"p-image-preview",style:J,onClick:A,alt:e.alt}))))),Q=e.template?i.ObjectUtils.getJSXElement(e.template,e):c.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),V=e.preview?c.createElement("div",{className:"p-image-preview-indicator",onClick:I},Q):null,W=e.src&&c.createElement("img",{ref:j,src:X,className:e.imageClassName,width:$,height:B,style:e.imageStyle,alt:Y,onError:e.onError});return c.createElement("span",s({ref:S,className:G},F),W,V,m&&c.createElement(a.Portal,{element:L,appendTo:document.body}))})));y.displayName="Image",y.defaultProps={__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null},exports.Image=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/portal"),i=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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=o(e),u=l(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function 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 b(e,t){return m(e)||p(e,t)||d(e,t)||g()}var y={defaultProps:{__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,y.defaultProps)}},v=c.memo(c.forwardRef((function(e,l){var o=y.getProps(e),m=b(c.useState(!1),2),p=m[0],f=m[1],d=b(c.useState(!1),2),g=d[0],v=d[1],E=b(c.useState(0),2),h=E[0],w=E[1],N=b(c.useState(1),2),O=N[0],S=N[1],j=c.useRef(null),k=c.useRef(null),P=c.useRef(null),x=c.useRef(null),C=c.useRef(!1),I=function(){o.preview&&(f(!0),setTimeout((function(){v(!0)}),25))},U=function(){C.current||(v(!1),w(0),S(1)),C.current=!1},A=function(){C.current=!0},R=function(){i.DomHandler.saveAs({name:o.alt,src:o.src}),C.current=!0},q=function(){w((function(e){return e+90})),C.current=!0},H=function(){w((function(e){return e-90})),C.current=!0},_=function(){S((function(e){return e+.1})),C.current=!0},T=function(){S((function(e){return e-.1})),C.current=!0},z=function(){i.ZIndexUtils.set("modal",P.current,u.default.autoZIndex,u.default.zIndex.modal)},D=function(){o.onShow&&o.onShow()},M=function(){i.DomHandler.addClass(P.current,"p-component-overlay-leave")},Z=function(){o.onHide&&o.onHide()},J=function(){i.ZIndexUtils.clear(P.current),f(!1)};r.useUnmountEffect((function(){P.current&&i.ZIndexUtils.clear(P.current)}));c.useImperativeHandle(l,(function(){return{props:o,show:I,hide:U,getElement:function(){return j.current},getImage:function(){return k.current}}}));var X,Y,$=o.src,B=o.alt,F=o.width,G=o.height,K=y.getOtherProps(o),L=i.classNames("p-image p-component",o.className,{"p-image-preview-container":o.preview}),Q=(X={transform:"rotate("+h+"deg) scale("+O+")"},Y=O<=.5||O>=1.5,c.createElement("div",{ref:P,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:U},c.createElement("div",{className:"p-image-toolbar"},o.downloadable&&c.createElement("button",{className:"p-image-action p-link",onClick:R,type:"button"},c.createElement("i",{className:"pi pi-download"})),c.createElement("button",{className:"p-image-action p-link",onClick:q,type:"button"},c.createElement("i",{className:"pi pi-refresh"})),c.createElement("button",{className:"p-image-action p-link",onClick:H,type:"button"},c.createElement("i",{className:"pi pi-undo"})),c.createElement("button",{className:"p-image-action p-link",onClick:T,type:"button",disabled:Y},c.createElement("i",{className:"pi pi-search-minus"})),c.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button",disabled:Y},c.createElement("i",{className:"pi pi-search-plus"})),c.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":t.localeOption("close")},c.createElement("i",{className:"pi pi-times"}))),c.createElement(n.CSSTransition,{nodeRef:x,classNames:"p-image-preview",in:g,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:z,onEntered:D,onExit:M,onExiting:Z,onExited:J},c.createElement("div",{ref:x},c.createElement("img",{src:o.zoomSrc||o.src,className:"p-image-preview",style:X,onClick:A,alt:o.alt}))))),V=o.template?i.ObjectUtils.getJSXElement(o.template,o):c.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),W=o.preview?c.createElement("div",{className:"p-image-preview-indicator",onClick:I},V):null,ee=o.src&&c.createElement("img",{ref:k,src:$,className:o.imageClassName,width:F,height:G,style:o.imageStyle,alt:B,onError:o.onError});return c.createElement("span",s({ref:j,className:L},K),ee,W,p&&c.createElement(a.Portal,{element:Q,appendTo:document.body}))})));v.displayName="Image",exports.Image=v;

package/image/image.d.ts

@@ -78,7 +78,7 @@ export interface ImageProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
  *
  * [Live Demo](https://www.primefaces.org/primereact/image/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */

package/image/image.esm.js

@@ -3,7 +3,7 @@ import PrimeReact, { localeOption } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
-import { ZIndexUtils, ObjectUtils, classNames, DomHandler } from 'primereact/utils';
+import { ObjectUtils, ZIndexUtils, classNames, DomHandler } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -38,9 +38,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -56,9 +54,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -79,7 +75,35 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var ImageBase = {
+  defaultProps: {
+    __TYPE: 'Image',
+    alt: null,
+    className: null,
+    downloadable: false,
+    height: null,
+    imageClassName: null,
+    imageStyle: null,
+    onError: null,
+    onHide: null,
+    onShow: null,
+    preview: false,
+    src: null,
+    template: null,
+    width: null,
+    zoomSrc: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, ImageBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, ImageBase.defaultProps);
+  }
+};
+
+var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = ImageBase.getProps(inProps);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     maskVisibleState = _React$useState2[0],
@@ -274,7 +298,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     alt = props.alt,
     width = props.width,
     height = props.height;
-  var otherProps = ObjectUtils.findDiffKeys(props, Image.defaultProps);
+  var otherProps = ImageBase.getOtherProps(props);
   var containerClassName = classNames('p-image p-component', props.className, {
     'p-image-preview-container': props.preview
   });
@@ -302,22 +326,5 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   }));
 }));
 Image.displayName = 'Image';
-Image.defaultProps = {
-  __TYPE: 'Image',
-  alt: null,
-  className: null,
-  downloadable: false,
-  height: null,
-  imageClassName: null,
-  imageStyle: null,
-  onError: null,
-  onHide: null,
-  onShow: null,
-  preview: false,
-  src: null,
-  template: null,
-  width: null,
-  zoomSrc: null
-};
 
 export { Image };

package/image/image.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{ZIndexUtils as l,ObjectUtils as o,classNames as c,DomHandler as u}from"primereact/utils";function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function 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 s(e)||p(e,t)||d(e,t)||g()}var E=e.memo(e.forwardRef((function(s,p){var f=y(e.useState(!1),2),d=f[0],g=f[1],b=y(e.useState(!1),2),v=b[0],h=b[1],w=y(e.useState(0),2),N=w[0],S=w[1],k=y(e.useState(1),2),C=k[0],x=k[1],I=e.useRef(null),O=e.useRef(null),j=e.useRef(null),A=e.useRef(null),R=e.useRef(!1),H=function(){s.preview&&(g(!0),setTimeout((function(){h(!0)}),25))},P=function(){R.current||(h(!1),S(0),x(1)),R.current=!1},T=function(){R.current=!0},z=function(){u.saveAs({name:s.alt,src:s.src}),R.current=!0},_=function(){S((function(e){return e+90})),R.current=!0},D=function(){S((function(e){return e-90})),R.current=!0},J=function(){x((function(e){return e+.1})),R.current=!0},K=function(){x((function(e){return e-.1})),R.current=!0},M=function(){l.set("modal",j.current,t.autoZIndex,t.zIndex.modal)},U=function(){s.onShow&&s.onShow()},X=function(){u.addClass(j.current,"p-component-overlay-leave")},Y=function(){s.onHide&&s.onHide()},Z=function(){l.clear(j.current),g(!1)};a((function(){j.current&&l.clear(j.current)}));e.useImperativeHandle(p,(function(){return{props:s,show:H,hide:P,getElement:function(){return I.current},getImage:function(){return O.current}}}));var $,q,B=s.src,F=s.alt,G=s.width,L=s.height,Q=o.findDiffKeys(s,E.defaultProps),V=c("p-image p-component",s.className,{"p-image-preview-container":s.preview}),W=($={transform:"rotate("+N+"deg) scale("+C+")"},q=C<=.5||C>=1.5,e.createElement("div",{ref:j,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:P},e.createElement("div",{className:"p-image-toolbar"},s.downloadable&&e.createElement("button",{className:"p-image-action p-link",onClick:z,type:"button"},e.createElement("i",{className:"pi pi-download"})),e.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button"},e.createElement("i",{className:"pi pi-refresh"})),e.createElement("button",{className:"p-image-action p-link",onClick:D,type:"button"},e.createElement("i",{className:"pi pi-undo"})),e.createElement("button",{className:"p-image-action p-link",onClick:K,type:"button",disabled:q},e.createElement("i",{className:"pi pi-search-minus"})),e.createElement("button",{className:"p-image-action p-link",onClick:J,type:"button",disabled:q},e.createElement("i",{className:"pi pi-search-plus"})),e.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n("close")},e.createElement("i",{className:"pi pi-times"}))),e.createElement(r,{nodeRef:A,classNames:"p-image-preview",in:v,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:M,onEntered:U,onExit:X,onExiting:Y,onExited:Z},e.createElement("div",{ref:A},e.createElement("img",{src:s.zoomSrc||s.src,className:"p-image-preview",style:$,onClick:T,alt:s.alt}))))),ee=s.template?o.getJSXElement(s.template,s):e.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),te=s.preview?e.createElement("div",{className:"p-image-preview-indicator",onClick:H},ee):null,ne=s.src&&e.createElement("img",{ref:O,src:B,className:s.imageClassName,width:G,height:L,style:s.imageStyle,alt:F,onError:s.onError});return e.createElement("span",m({ref:I,className:V},Q),ne,te,d&&e.createElement(i,{element:W,appendTo:document.body}))})));E.displayName="Image",E.defaultProps={__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null};export{E as Image};
+import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{ObjectUtils as o,ZIndexUtils as l,classNames as c,DomHandler as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function 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 m(e)||p(e,t)||d(e,t)||g()}var E={defaultProps:{__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null,children:void 0},getProps:function(e){return o.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,E.defaultProps)}},b=e.memo(e.forwardRef((function(m,p){var f=E.getProps(m),d=y(e.useState(!1),2),g=d[0],b=d[1],v=y(e.useState(!1),2),h=v[0],w=v[1],N=y(e.useState(0),2),S=N[0],k=N[1],C=y(e.useState(1),2),O=C[0],P=C[1],x=e.useRef(null),I=e.useRef(null),j=e.useRef(null),A=e.useRef(null),R=e.useRef(!1),H=function(){f.preview&&(b(!0),setTimeout((function(){w(!0)}),25))},T=function(){R.current||(w(!1),k(0),P(1)),R.current=!1},z=function(){R.current=!0},M=function(){u.saveAs({name:f.alt,src:f.src}),R.current=!0},_=function(){k((function(e){return e+90})),R.current=!0},D=function(){k((function(e){return e-90})),R.current=!0},J=function(){P((function(e){return e+.1})),R.current=!0},U=function(){P((function(e){return e-.1})),R.current=!0},X=function(){l.set("modal",j.current,t.autoZIndex,t.zIndex.modal)},Y=function(){f.onShow&&f.onShow()},Z=function(){u.addClass(j.current,"p-component-overlay-leave")},$=function(){f.onHide&&f.onHide()},q=function(){l.clear(j.current),b(!1)};a((function(){j.current&&l.clear(j.current)}));e.useImperativeHandle(p,(function(){return{props:f,show:H,hide:T,getElement:function(){return x.current},getImage:function(){return I.current}}}));var B,F,G=f.src,K=f.alt,L=f.width,Q=f.height,V=E.getOtherProps(f),W=c("p-image p-component",f.className,{"p-image-preview-container":f.preview}),ee=(B={transform:"rotate("+S+"deg) scale("+O+")"},F=O<=.5||O>=1.5,e.createElement("div",{ref:j,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:T},e.createElement("div",{className:"p-image-toolbar"},f.downloadable&&e.createElement("button",{className:"p-image-action p-link",onClick:M,type:"button"},e.createElement("i",{className:"pi pi-download"})),e.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button"},e.createElement("i",{className:"pi pi-refresh"})),e.createElement("button",{className:"p-image-action p-link",onClick:D,type:"button"},e.createElement("i",{className:"pi pi-undo"})),e.createElement("button",{className:"p-image-action p-link",onClick:U,type:"button",disabled:F},e.createElement("i",{className:"pi pi-search-minus"})),e.createElement("button",{className:"p-image-action p-link",onClick:J,type:"button",disabled:F},e.createElement("i",{className:"pi pi-search-plus"})),e.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n("close")},e.createElement("i",{className:"pi pi-times"}))),e.createElement(r,{nodeRef:A,classNames:"p-image-preview",in:h,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:X,onEntered:Y,onExit:Z,onExiting:$,onExited:q},e.createElement("div",{ref:A},e.createElement("img",{src:f.zoomSrc||f.src,className:"p-image-preview",style:B,onClick:z,alt:f.alt}))))),te=f.template?o.getJSXElement(f.template,f):e.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),ne=f.preview?e.createElement("div",{className:"p-image-preview-indicator",onClick:H},te):null,re=f.src&&e.createElement("img",{ref:I,src:G,className:f.imageClassName,width:L,height:Q,style:f.imageStyle,alt:K,onError:f.onError});return e.createElement("span",s({ref:x,className:W},V),re,ne,g&&e.createElement(i,{element:ee,appendTo:document.body}))})));b.displayName="Image";export{b as Image};

package/image/image.js

@@ -58,9 +58,7 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -76,9 +74,7 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -99,7 +95,35 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var ImageBase = {
+    defaultProps: {
+      __TYPE: 'Image',
+      alt: null,
+      className: null,
+      downloadable: false,
+      height: null,
+      imageClassName: null,
+      imageStyle: null,
+      onError: null,
+      onHide: null,
+      onShow: null,
+      preview: false,
+      src: null,
+      template: null,
+      width: null,
+      zoomSrc: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, ImageBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, ImageBase.defaultProps);
+    }
+  };
+
+  var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = ImageBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       maskVisibleState = _React$useState2[0],
@@ -294,7 +318,7 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       alt = props.alt,
       width = props.width,
       height = props.height;
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Image.defaultProps);
+    var otherProps = ImageBase.getOtherProps(props);
     var containerClassName = utils.classNames('p-image p-component', props.className, {
       'p-image-preview-container': props.preview
     });
@@ -322,23 +346,6 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
     }));
   }));
   Image.displayName = 'Image';
-  Image.defaultProps = {
-    __TYPE: 'Image',
-    alt: null,
-    className: null,
-    downloadable: false,
-    height: null,
-    imageClassName: null,
-    imageStyle: null,
-    onError: null,
-    onHide: null,
-    onShow: null,
-    preview: false,
-    src: null,
-    template: null,
-    width: null,
-    zoomSrc: null
-  };
 
   exports.Image = Image;
 

package/image/image.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,r,a,i,l){"use strict";function o(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 u=c(t),s=o(n);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function b(){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 p(e)||f(e,t)||g(e,t)||b()}var v=u.memo(u.forwardRef((function(e,t){var o=y(u.useState(!1),2),c=o[0],p=o[1],f=y(u.useState(!1),2),d=f[0],g=f[1],b=y(u.useState(0),2),E=b[0],h=b[1],w=y(u.useState(1),2),N=w[0],O=w[1],S=u.useRef(null),j=u.useRef(null),k=u.useRef(null),C=u.useRef(null),I=u.useRef(!1),x=function(){e.preview&&(p(!0),setTimeout((function(){g(!0)}),25))},P=function(){I.current||(g(!1),h(0),O(1)),I.current=!1},R=function(){I.current=!0},A=function(){l.DomHandler.saveAs({name:e.alt,src:e.src}),I.current=!0},U=function(){h((function(e){return e+90})),I.current=!0},H=function(){h((function(e){return e-90})),I.current=!0},_=function(){O((function(e){return e+.1})),I.current=!0},T=function(){O((function(e){return e-.1})),I.current=!0},z=function(){l.ZIndexUtils.set("modal",k.current,s.default.autoZIndex,s.default.zIndex.modal)},D=function(){e.onShow&&e.onShow()},Z=function(){l.DomHandler.addClass(k.current,"p-component-overlay-leave")},M=function(){e.onHide&&e.onHide()},J=function(){l.ZIndexUtils.clear(k.current),p(!1)};a.useUnmountEffect((function(){k.current&&l.ZIndexUtils.clear(k.current)}));u.useImperativeHandle(t,(function(){return{props:e,show:x,hide:P,getElement:function(){return S.current},getImage:function(){return j.current}}}));var K,X,Y=e.src,$=e.alt,q=e.width,B=e.height,F=l.ObjectUtils.findDiffKeys(e,v.defaultProps),G=l.classNames("p-image p-component",e.className,{"p-image-preview-container":e.preview}),L=(K={transform:"rotate("+E+"deg) scale("+N+")"},X=N<=.5||N>=1.5,u.createElement("div",{ref:k,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:P},u.createElement("div",{className:"p-image-toolbar"},e.downloadable&&u.createElement("button",{className:"p-image-action p-link",onClick:A,type:"button"},u.createElement("i",{className:"pi pi-download"})),u.createElement("button",{className:"p-image-action p-link",onClick:U,type:"button"},u.createElement("i",{className:"pi pi-refresh"})),u.createElement("button",{className:"p-image-action p-link",onClick:H,type:"button"},u.createElement("i",{className:"pi pi-undo"})),u.createElement("button",{className:"p-image-action p-link",onClick:T,type:"button",disabled:X},u.createElement("i",{className:"pi pi-search-minus"})),u.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button",disabled:X},u.createElement("i",{className:"pi pi-search-plus"})),u.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n.localeOption("close")},u.createElement("i",{className:"pi pi-times"}))),u.createElement(r.CSSTransition,{nodeRef:C,classNames:"p-image-preview",in:d,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:z,onEntered:D,onExit:Z,onExiting:M,onExited:J},u.createElement("div",{ref:C},u.createElement("img",{src:e.zoomSrc||e.src,className:"p-image-preview",style:K,onClick:R,alt:e.alt}))))),Q=e.template?l.ObjectUtils.getJSXElement(e.template,e):u.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),V=e.preview?u.createElement("div",{className:"p-image-preview-indicator",onClick:x},Q):null,W=e.src&&u.createElement("img",{ref:j,src:Y,className:e.imageClassName,width:q,height:B,style:e.imageStyle,alt:$,onError:e.onError});return u.createElement("span",m({ref:S,className:G},F),W,V,c&&u.createElement(i.Portal,{element:L,appendTo:document.body}))})));return v.displayName="Image",v.defaultProps={__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null},e.Image=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,r,a,i,l){"use strict";function o(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 u=c(t),s=o(n);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function b(){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 p(e)||f(e,t)||g(e,t)||b()}var v={defaultProps:{__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,v.defaultProps)}},h=u.memo(u.forwardRef((function(e,t){var o=v.getProps(e),c=y(u.useState(!1),2),p=c[0],f=c[1],d=y(u.useState(!1),2),g=d[0],b=d[1],h=y(u.useState(0),2),E=h[0],w=h[1],N=y(u.useState(1),2),O=N[0],S=N[1],j=u.useRef(null),k=u.useRef(null),P=u.useRef(null),C=u.useRef(null),I=u.useRef(!1),x=function(){o.preview&&(f(!0),setTimeout((function(){b(!0)}),25))},R=function(){I.current||(b(!1),w(0),S(1)),I.current=!1},U=function(){I.current=!0},A=function(){l.DomHandler.saveAs({name:o.alt,src:o.src}),I.current=!0},H=function(){w((function(e){return e+90})),I.current=!0},_=function(){w((function(e){return e-90})),I.current=!0},T=function(){S((function(e){return e+.1})),I.current=!0},z=function(){S((function(e){return e-.1})),I.current=!0},D=function(){l.ZIndexUtils.set("modal",P.current,s.default.autoZIndex,s.default.zIndex.modal)},M=function(){o.onShow&&o.onShow()},Z=function(){l.DomHandler.addClass(P.current,"p-component-overlay-leave")},J=function(){o.onHide&&o.onHide()},X=function(){l.ZIndexUtils.clear(P.current),f(!1)};a.useUnmountEffect((function(){P.current&&l.ZIndexUtils.clear(P.current)}));u.useImperativeHandle(t,(function(){return{props:o,show:x,hide:R,getElement:function(){return j.current},getImage:function(){return k.current}}}));var Y,$,q=o.src,B=o.alt,F=o.width,G=o.height,K=v.getOtherProps(o),L=l.classNames("p-image p-component",o.className,{"p-image-preview-container":o.preview}),Q=(Y={transform:"rotate("+E+"deg) scale("+O+")"},$=O<=.5||O>=1.5,u.createElement("div",{ref:P,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:R},u.createElement("div",{className:"p-image-toolbar"},o.downloadable&&u.createElement("button",{className:"p-image-action p-link",onClick:A,type:"button"},u.createElement("i",{className:"pi pi-download"})),u.createElement("button",{className:"p-image-action p-link",onClick:H,type:"button"},u.createElement("i",{className:"pi pi-refresh"})),u.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button"},u.createElement("i",{className:"pi pi-undo"})),u.createElement("button",{className:"p-image-action p-link",onClick:z,type:"button",disabled:$},u.createElement("i",{className:"pi pi-search-minus"})),u.createElement("button",{className:"p-image-action p-link",onClick:T,type:"button",disabled:$},u.createElement("i",{className:"pi pi-search-plus"})),u.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n.localeOption("close")},u.createElement("i",{className:"pi pi-times"}))),u.createElement(r.CSSTransition,{nodeRef:C,classNames:"p-image-preview",in:g,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:D,onEntered:M,onExit:Z,onExiting:J,onExited:X},u.createElement("div",{ref:C},u.createElement("img",{src:o.zoomSrc||o.src,className:"p-image-preview",style:Y,onClick:U,alt:o.alt}))))),V=o.template?l.ObjectUtils.getJSXElement(o.template,o):u.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),W=o.preview?u.createElement("div",{className:"p-image-preview-indicator",onClick:x},V):null,ee=o.src&&u.createElement("img",{ref:k,src:q,className:o.imageClassName,width:F,height:G,style:o.imageStyle,alt:B,onError:o.onError});return u.createElement("span",m({ref:j,className:L},K),ee,W,p&&u.createElement(i.Portal,{element:Q,appendTo:document.body}))})));return h.displayName="Image",e.Image=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils);

package/image/package.json

@@ -2,5 +2,6 @@
     "main": "./image.cjs.js",
     "module": "./image.esm.js",
     "unpkg": "./image.min.js",
-    "types": "./image.d.ts"
+    "types": "./image.d.ts",
+    "sideEffects": false
 }

package/inplace/inplace.cjs.js

@@ -60,9 +60,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -78,9 +76,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -101,25 +97,61 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var InplaceDisplayBase = {
+  defaultProps: {
+    __TYPE: 'InplaceDisplay',
+    children: undefined
+  },
+  getOtherProps: function getOtherProps(display) {
+    return utils.ObjectUtils.getComponentDiffProps(display, InplaceDisplayBase.defaultProps);
+  }
+};
+var InplaceContentBase = {
+  defaultProps: {
+    __TYPE: 'InplaceContent',
+    children: undefined
+  },
+  getOtherProps: function getOtherProps(content) {
+    return utils.ObjectUtils.getComponentDiffProps(content, InplaceContentBase.defaultProps);
+  }
+};
+var InplaceBase = {
+  defaultProps: {
+    __TYPE: 'Inplace',
+    style: null,
+    className: null,
+    active: false,
+    closable: false,
+    disabled: false,
+    tabIndex: 0,
+    ariaLabel: null,
+    onOpen: null,
+    onClose: null,
+    onToggle: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, InplaceBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, InplaceBase.defaultProps);
+  }
+};
+
 var InplaceDisplay = function InplaceDisplay(props) {
   return props.children;
 };
 var InplaceContent = function InplaceContent(props) {
   return props.children;
 };
-var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = InplaceBase.getProps(inProps);
   var _React$useState = React__namespace.useState(props.active),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     activeState = _React$useState2[0],
     setActiveState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
   var active = props.onToggle ? props.active : activeState;
-  var shouldUseInplaceContent = function shouldUseInplaceContent(child) {
-    return child && child.props.__TYPE === 'InplaceContent';
-  };
-  var shouldUseInplaceDisplay = function shouldUseInplaceDisplay(child) {
-    return child && child.props.__TYPE === 'InplaceDisplay';
-  };
   var open = function open(event) {
     if (props.disabled) {
       return;
@@ -152,7 +184,7 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     }
   };
   var createDisplay = function createDisplay(content) {
-    var otherProps = utils.ObjectUtils.findDiffKeys(content.props, InplaceDisplay.defaultProps);
+    var otherProps = InplaceDisplayBase.getOtherProps(content);
     var className = utils.classNames('p-inplace-display', {
       'p-disabled': props.disabled
     });
@@ -178,17 +210,18 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     return null;
   };
   var createContent = function createContent(content) {
-    var otherProps = utils.ObjectUtils.findDiffKeys(content.props, InplaceContent.defaultProps);
+    var otherProps = InplaceContentBase.getOtherProps(content);
     var closeButton = createCloseButton();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       className: "p-inplace-content"
     }, otherProps), content, closeButton);
   };
   var createChildren = function createChildren() {
+    var validChildTypes = ['InplaceContent', 'InplaceDisplay'];
     return React__namespace.Children.map(props.children, function (child) {
-      if (active && shouldUseInplaceContent(child)) {
+      if (active && utils.ObjectUtils.isValidChild(child, 'InplaceContent', validChildTypes)) {
         return createContent(child);
-      } else if (!active && shouldUseInplaceDisplay(child)) {
+      } else if (!active && utils.ObjectUtils.isValidChild(child, 'InplaceDisplay', validChildTypes)) {
         return createDisplay(child);
       }
     });
@@ -201,7 +234,7 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       }
     };
   });
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, Inplace.defaultProps);
+  var otherProps = InplaceBase.getOtherProps(props);
   var children = createChildren();
   var className = utils.classNames('p-inplace p-component', {
     'p-inplace-closable': props.closable
@@ -212,27 +245,8 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   }, otherProps), children);
 });
 InplaceDisplay.displayName = 'InplaceDisplay';
-InplaceDisplay.defaultProps = {
-  __TYPE: 'InplaceDisplay'
-};
 InplaceContent.displayName = 'InplaceContent';
-InplaceContent.defaultProps = {
-  __TYPE: 'InplaceContent'
-};
 Inplace.displayName = 'Inplace';
-Inplace.defaultProps = {
-  __TYPE: 'Inplace',
-  style: null,
-  className: null,
-  active: false,
-  closable: false,
-  disabled: false,
-  tabIndex: 0,
-  ariaLabel: null,
-  onOpen: null,
-  onClose: null,
-  onToggle: null
-};
 
 exports.Inplace = Inplace;
 exports.InplaceContent = InplaceContent;