primereact 8.7.2 → 9.0.0-beta.1

package/image/image.js

@@ -29,14 +29,12 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -47,42 +45,40 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        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) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   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];
     }
-
     return arr2;
   }
 
@@ -105,31 +101,26 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
 
   var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        maskVisibleState = _React$useState2[0],
-        setMaskVisibleState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      maskVisibleState = _React$useState2[0],
+      setMaskVisibleState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(false),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        previewVisibleState = _React$useState4[0],
-        setPreviewVisibleState = _React$useState4[1];
-
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      previewVisibleState = _React$useState4[0],
+      setPreviewVisibleState = _React$useState4[1];
     var _React$useState5 = React__namespace.useState(0),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        rotateState = _React$useState6[0],
-        setRotateState = _React$useState6[1];
-
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      rotateState = _React$useState6[0],
+      setRotateState = _React$useState6[1];
     var _React$useState7 = React__namespace.useState(1),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        scaleState = _React$useState8[0],
-        setScaleState = _React$useState8[1];
-
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      scaleState = _React$useState8[0],
+      setScaleState = _React$useState8[1];
     var elementRef = React__namespace.useRef(null);
     var imageRef = React__namespace.useRef(null);
     var maskRef = React__namespace.useRef(null);
     var previewRef = React__namespace.useRef(null);
     var previewClick = React__namespace.useRef(false);
-
     var show = function show() {
       if (props.preview) {
         setMaskVisibleState(true);
@@ -138,84 +129,69 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
         }, 25);
       }
     };
-
     var hide = function hide() {
       if (!previewClick.current) {
         setPreviewVisibleState(false);
         setRotateState(0);
         setScaleState(1);
       }
-
       previewClick.current = false;
     };
-
     var onPreviewImageClick = function onPreviewImageClick() {
       previewClick.current = true;
     };
-
     var onDownload = function onDownload() {
       var name = props.alt,
-          src = props.src;
+        src = props.src;
       utils.DomHandler.saveAs({
         name: name,
         src: src
       });
       previewClick.current = true;
     };
-
     var rotateRight = function rotateRight() {
       setRotateState(function (prevRotate) {
         return prevRotate + 90;
       });
       previewClick.current = true;
     };
-
     var rotateLeft = function rotateLeft() {
       setRotateState(function (prevRotate) {
         return prevRotate - 90;
       });
       previewClick.current = true;
     };
-
     var zoomIn = function zoomIn() {
       setScaleState(function (prevScale) {
         return prevScale + 0.1;
       });
       previewClick.current = true;
     };
-
     var zoomOut = function zoomOut() {
       setScaleState(function (prevScale) {
         return prevScale - 0.1;
       });
       previewClick.current = true;
     };
-
     var onEntering = function onEntering() {
       utils.ZIndexUtils.set('modal', maskRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['modal']);
     };
-
     var onEntered = function onEntered() {
       props.onShow && props.onShow();
     };
-
     var onExit = function onExit() {
       utils.DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
     };
-
     var onExiting = function onExiting() {
       props.onHide && props.onHide();
     };
-
     var onExited = function onExited() {
       utils.ZIndexUtils.clear(maskRef.current);
       setMaskVisibleState(false);
     };
-
     hooks.useUnmountEffect(function () {
       maskRef.current && utils.ZIndexUtils.clear(maskRef.current);
     });
-
     var createPreview = function createPreview() {
       if (props.preview) {
         return /*#__PURE__*/React__namespace.createElement("div", {
@@ -223,16 +199,15 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
           onClick: show
         }, content);
       }
-
       return null;
     };
-
     var createElement = function createElement() {
       var downloadable = props.downloadable;
       var imagePreviewStyle = {
         transform: 'rotate(' + rotateState + 'deg) scale(' + scaleState + ')'
       };
-      var zoomDisabled = scaleState <= 0.5 || scaleState >= 1.5; // const rotateClassName = 'p-image-preview-rotate-' + rotateScale;
+      var zoomDisabled = scaleState <= 0.5 || scaleState >= 1.5;
+      // const rotateClassName = 'p-image-preview-rotate-' + rotateScale;
 
       return /*#__PURE__*/React__namespace.createElement("div", {
         ref: maskRef,
@@ -302,7 +277,6 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
         alt: props.alt
       }))));
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
@@ -317,9 +291,9 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       };
     });
     var src = props.src,
-        alt = props.alt,
-        width = props.width,
-        height = props.height;
+      alt = props.alt,
+      width = props.width,
+      height = props.height;
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Image.defaultProps);
     var containerClassName = utils.classNames('p-image p-component', props.className, {
       'p-image-preview-container': props.preview

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=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){o=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw a}}return i}}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],S=w[1],k=u.useRef(null),O=u.useRef(null),j=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),S(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(){S((function(e){return e+.1})),I.current=!0},T=function(){S((function(e){return e-.1})),I.current=!0},z=function(){l.ZIndexUtils.set("modal",j.current,s.default.autoZIndex,s.default.zIndex.modal)},D=function(){e.onShow&&e.onShow()},Z=function(){l.DomHandler.addClass(j.current,"p-component-overlay-leave")},M=function(){e.onHide&&e.onHide()},J=function(){l.ZIndexUtils.clear(j.current),p(!1)};a.useUnmountEffect((function(){j.current&&l.ZIndexUtils.clear(j.current)}));u.useImperativeHandle(t,(function(){return{props:e,show:x,hide:P,getElement:function(){return k.current},getImage:function(){return O.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:j,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:O,src:Y,className:e.imageClassName,width:q,height:B,style:e.imageStyle,alt:$,onError:e.onError});return u.createElement("span",m({ref:k,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=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);

package/inplace/inplace.cjs.js

@@ -31,14 +31,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -49,42 +47,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      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) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 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];
   }
-
   return arr2;
 }
 
@@ -113,28 +109,22 @@ var InplaceContent = function InplaceContent(props) {
 };
 var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(props.active),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      activeState = _React$useState2[0],
-      setActiveState = _React$useState2[1];
-
+    _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;
     }
-
     props.onOpen && props.onOpen(event);
-
     if (props.onToggle) {
       props.onToggle({
         originalEvent: event,
@@ -144,10 +134,8 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       setActiveState(true);
     }
   };
-
   var close = function close(event) {
     props.onClose && props.onClose(event);
-
     if (props.onToggle) {
       props.onToggle({
         originalEvent: event,
@@ -157,14 +145,12 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       setActiveState(false);
     }
   };
-
   var onDisplayKeyDown = function onDisplayKeyDown(event) {
     if (event.key === 'Enter') {
       open(event);
       event.preventDefault();
     }
   };
-
   var createDisplay = function createDisplay(content) {
     var otherProps = utils.ObjectUtils.findDiffKeys(content.props, InplaceDisplay.defaultProps);
     var className = utils.classNames('p-inplace-display', {
@@ -179,7 +165,6 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       "aria-label": props.ariaLabel
     }), content);
   };
-
   var createCloseButton = function createCloseButton() {
     if (props.closable) {
       return /*#__PURE__*/React__namespace.createElement(button.Button, {
@@ -190,10 +175,8 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
         "aria-label": api.localeOption('close')
       });
     }
-
     return null;
   };
-
   var createContent = function createContent(content) {
     var otherProps = utils.ObjectUtils.findDiffKeys(content.props, InplaceContent.defaultProps);
     var closeButton = createCloseButton();
@@ -201,7 +184,6 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       className: "p-inplace-content"
     }, otherProps), content, closeButton);
   };
-
   var createChildren = function createChildren() {
     return React__namespace.Children.map(props.children, function (child) {
       if (active && shouldUseInplaceContent(child)) {
@@ -211,7 +193,6 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       }
     });
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,

package/inplace/inplace.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/button"),r=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var a=l(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},o.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function c(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw l}}return a}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(e,n){if(e){if("string"==typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=function(e){return e.children},d=function(e){return e.children},b=a.forwardRef((function(e,l){var u,y,m=a.useState(e.active),v=(y=2,i(u=m)||c(u,y)||s(u,y)||p()),g=v[0],O=v[1],I=a.useRef(null),h=e.onToggle?e.active:g,j=function(e){return e&&"InplaceContent"===e.props.__TYPE},E=function(e){return e&&"InplaceDisplay"===e.props.__TYPE},P=function(n){e.disabled||(e.onOpen&&e.onOpen(n),e.onToggle?e.onToggle({originalEvent:n,value:!0}):O(!0))},_=function(n){e.onClose&&e.onClose(n),e.onToggle?e.onToggle({originalEvent:n,value:!1}):O(!1)},T=function(e){"Enter"===e.key&&(P(e),e.preventDefault())},C=function(n){var t=r.ObjectUtils.findDiffKeys(n.props,f.defaultProps),l=r.classNames("p-inplace-display",{"p-disabled":e.disabled});return a.createElement("div",o({className:l},t,{onClick:P,onKeyDown:T,tabIndex:e.tabIndex,"aria-label":e.ariaLabel}),n)},N=function(l){var i=r.ObjectUtils.findDiffKeys(l.props,d.defaultProps),c=e.closable?a.createElement(t.Button,{type:"button",className:"p-inplace-content-close",icon:"pi pi-times",onClick:_,"aria-label":n.localeOption("close")}):null;return a.createElement("div",o({className:"p-inplace-content"},i),l,c)};a.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return I.current}}}));var D=r.ObjectUtils.findDiffKeys(e,b.defaultProps),w=a.Children.map(e.children,(function(e){return h&&j(e)?N(e):!h&&E(e)?C(e):void 0})),x=r.classNames("p-inplace p-component",{"p-inplace-closable":e.closable},e.className);return a.createElement("div",o({ref:I,className:x},D),w)}));f.displayName="InplaceDisplay",f.defaultProps={__TYPE:"InplaceDisplay"},d.displayName="InplaceContent",d.defaultProps={__TYPE:"InplaceContent"},b.displayName="Inplace",b.defaultProps={__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null},exports.Inplace=b,exports.InplaceContent=d,exports.InplaceDisplay=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/button"),r=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var a=l(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},o.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function c(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a,o,i=[],c=!0,u=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(u)throw l}}return i}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(e,n){if(e){if("string"==typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=function(e){return e.children},d=function(e){return e.children},b=a.forwardRef((function(e,l){var u,y,m=a.useState(e.active),v=(y=2,i(u=m)||c(u,y)||s(u,y)||p()),g=v[0],O=v[1],I=a.useRef(null),h=e.onToggle?e.active:g,j=function(e){return e&&"InplaceContent"===e.props.__TYPE},E=function(e){return e&&"InplaceDisplay"===e.props.__TYPE},P=function(n){e.disabled||(e.onOpen&&e.onOpen(n),e.onToggle?e.onToggle({originalEvent:n,value:!0}):O(!0))},_=function(n){e.onClose&&e.onClose(n),e.onToggle?e.onToggle({originalEvent:n,value:!1}):O(!1)},T=function(e){"Enter"===e.key&&(P(e),e.preventDefault())},C=function(n){var t=r.ObjectUtils.findDiffKeys(n.props,f.defaultProps),l=r.classNames("p-inplace-display",{"p-disabled":e.disabled});return a.createElement("div",o({className:l},t,{onClick:P,onKeyDown:T,tabIndex:e.tabIndex,"aria-label":e.ariaLabel}),n)},N=function(l){var i=r.ObjectUtils.findDiffKeys(l.props,d.defaultProps),c=e.closable?a.createElement(t.Button,{type:"button",className:"p-inplace-content-close",icon:"pi pi-times",onClick:_,"aria-label":n.localeOption("close")}):null;return a.createElement("div",o({className:"p-inplace-content"},i),l,c)};a.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return I.current}}}));var D=r.ObjectUtils.findDiffKeys(e,b.defaultProps),w=a.Children.map(e.children,(function(e){return h&&j(e)?N(e):!h&&E(e)?C(e):void 0})),x=r.classNames("p-inplace p-component",{"p-inplace-closable":e.closable},e.className);return a.createElement("div",o({ref:I,className:x},D),w)}));f.displayName="InplaceDisplay",f.defaultProps={__TYPE:"InplaceDisplay"},d.displayName="InplaceContent",d.defaultProps={__TYPE:"InplaceContent"},b.displayName="Inplace",b.defaultProps={__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null},exports.Inplace=b,exports.InplaceContent=d,exports.InplaceDisplay=f;

package/inplace/inplace.d.ts

@@ -1,31 +1,123 @@
+/**
+ *
+ * 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)
+ *
+ * Helper Components:
+ *
+ * - {@link InplaceDisplay}
+ *
+ * - {@link InplaceContent}
+ *
+ * @module inplace
+ *
+ */
 import * as React from 'react';
 
-interface InplaceToggleParams {
+/**
+ * Custom toggle event.
+ * @see {@link InplaceProps.onToggle}
+ * @event
+ */
+interface InplaceToggleEvent {
+    /**
+     * Browser event
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Current value
+     */
     value: boolean;
 }
 
+/**
+ * Defines valid properties in Inplace component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface InplaceProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    active?: boolean;
-    closable?: boolean;
-    disabled?: boolean;
-    ariaLabel?: string;
+    /**
+     * Whether the content is displayed or not.
+     * @defaultValue false
+     */
+    active?: boolean | undefined;
+    /**
+     * Displays a button to switch back to display mode.
+     * @defaultValue false
+     */
+    closable?: boolean | undefined;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Used to define a string that labels the component.
+     */
+    ariaLabel?: string | undefined;
+    /**
+     * Callback to invoke when inplace is opened.
+     * @param {React.MouseEvent}  event - Browser event.
+     */
     onOpen?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Callback to invoke when inplace is closed.
+     * @param {React.MouseEvent}  event - Browser event.
+     */
     onClose?(event: React.MouseEvent<HTMLElement>): void;
-    onToggle?(e: InplaceToggleParams): void;
-    children?: React.ReactNode;
+    /**
+     * Callback to invoke when inplace is opened or closed.
+     * @param {InplaceToggleEvent}  event - Custom toggle event.
+     */
+    onToggle?(event: InplaceToggleEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Inplace**
+ *
+ * _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/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Inplace extends React.Component<InplaceProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }
 
+/**
+ * InplaceDisplay is a helper component for Inplace.
+ * @group Component
+ */
 // tslint:disable-next-line:max-classes-per-file
 export declare class InplaceDisplay extends React.Component {
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * InplaceContent is a helper component for Inplace.
+ * @group Component
+ */
 // tslint:disable-next-line:max-classes-per-file
 export declare class InplaceContent extends React.Component {
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }