primereact 8.1.0 → 8.3.0

package/image/image.d.ts

@@ -1,10 +1,8 @@
 import * as React from 'react';
 
-export interface ImageProps {
+export interface ImageProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 'ref'> {
     preview?: boolean;
-    className?: string;
     downloadable?: boolean;
-    style?: string;
     imageStyle?: string;
     imageClassName?: string;
     template?: any;
@@ -17,4 +15,7 @@ export interface ImageProps {
     children?: React.ReactNode;
 }
 
-export declare class Image extends React.Component<ImageProps, any> { }
+export declare class Image extends React.Component<ImageProps, any> { 
+    public getElement(): HTMLSpanElement;
+    public getImage(): HTMLImageElement;
+}

package/image/image.esm.js

@@ -23,6 +23,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -84,6 +99,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -106,6 +124,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       setScaleState = _React$useState8[1];
 
   var elementRef = React.useRef(null);
+  var imageRef = React.useRef(null);
   var maskRef = React.useRef(null);
   var previewRef = React.useRef(null);
   var previewClick = React.useRef(false);
@@ -282,6 +301,16 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     }))));
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getImage: function getImage() {
+        return imageRef.current;
+      }
+    }, props);
+  });
   var src = props.src,
       alt = props.alt,
       width = props.width,
@@ -296,17 +325,18 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   });
   var preview = createPreview();
   var image = /*#__PURE__*/React.createElement("img", {
+    ref: imageRef,
     src: src,
     className: props.imageClassName,
     width: width,
     height: height,
     style: props.imageStyle,
-    alt: alt
+    alt: alt,
+    onError: props.onError
   });
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: elementRef,
-    className: containerClassName,
-    style: props.style
+    className: containerClassName
   }, otherProps), image, preview, maskVisibleState && /*#__PURE__*/React.createElement(Portal, {
     element: element,
     appendTo: document.body
@@ -318,14 +348,14 @@ Image.defaultProps = {
   preview: false,
   className: null,
   downloadable: false,
-  style: null,
   imageStyle: null,
   imageClassName: null,
   template: null,
   src: null,
   alt: null,
   width: null,
-  height: null
+  height: null,
+  onError: null
 };
 
 export { Image };

package/image/image.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useUnmountEffect as r}from"primereact/hooks";import{Portal as a}from"primereact/portal";import{ZIndexUtils as i,ObjectUtils as l,classNames as o,DomHandler as c}from"primereact/utils";function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,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 p(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 p(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)?p(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return u(e)||s(e,t)||f(e,t)||d()}var g=e.memo(e.forwardRef((function(u,s){var p=y(e.useState(!1),2),f=p[0],d=p[1],v=y(e.useState(!1),2),E=v[0],b=v[1],h=y(e.useState(0),2),N=h[0],w=h[1],k=y(e.useState(1),2),S=k[0],C=k[1],x=e.useRef(null),A=e.useRef(null),I=e.useRef(null),O=e.useRef(!1),R=function(){u.preview&&(d(!0),setTimeout((function(){b(!0)}),25))},j=function(){O.current=!0},P=function(){O.current||(b(!1),w(0),C(1)),O.current=!1},T=function(){c.saveAs({name:u.alt,src:u.src}),O.current=!0},H=function(){w((function(e){return e+90})),O.current=!0},_=function(){w((function(e){return e-90})),O.current=!0},z=function(){C((function(e){return e+.1})),O.current=!0},D=function(){C((function(e){return e-.1})),O.current=!0},J=function(){i.set("modal",A.current,t.autoZIndex,t.zIndex.modal)},K=function(){u.onShow&&u.onShow()},M=function(){c.addClass(A.current,"p-component-overlay-leave")},U=function(){u.onHide&&u.onHide()},X=function(){i.clear(A.current),d(!1)};r((function(){A.current&&i.clear(A.current)}));var Y,Z,$=u.src,q=u.alt,B=u.width,F=u.height,G=l.findDiffKeys(u,g.defaultProps),L=o("p-image p-component",u.className,{"p-image-preview-container":u.preview}),Q=(Y={transform:"rotate("+N+"deg) scale("+S+")"},Z=S<=.5||S>=1.5,e.createElement("div",{ref:A,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:P},e.createElement("div",{className:"p-image-toolbar"},u.downloadable&&e.createElement("button",{className:"p-image-action p-link",onClick:T,type:"button"},e.createElement("i",{className:"pi pi-download"})),e.createElement("button",{className:"p-image-action p-link",onClick:H,type:"button"},e.createElement("i",{className:"pi pi-refresh"})),e.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button"},e.createElement("i",{className:"pi pi-undo"})),e.createElement("button",{className:"p-image-action p-link",onClick:D,type:"button",disabled:Z},e.createElement("i",{className:"pi pi-search-minus"})),e.createElement("button",{className:"p-image-action p-link",onClick:z,type:"button",disabled:Z},e.createElement("i",{className:"pi pi-search-plus"})),e.createElement("button",{className:"p-image-action p-link",type:"button"},e.createElement("i",{className:"pi pi-times"}))),e.createElement(n,{nodeRef:I,classNames:"p-image-preview",in:E,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:J,onEntered:K,onExit:M,onExiting:U,onExited:X},e.createElement("div",{ref:I},e.createElement("img",{src:u.src,className:"p-image-preview",style:Y,onClick:j,alt:u.alt}))))),V=u.template?l.getJSXElement(u.template,u):e.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),W=u.preview?e.createElement("div",{className:"p-image-preview-indicator",onClick:R},V):null,ee=e.createElement("img",{src:$,className:u.imageClassName,width:B,height:F,style:u.imageStyle,alt:q});return e.createElement("span",m({ref:x,className:L,style:u.style},G),ee,W,f&&e.createElement(a,{element:Q,appendTo:document.body}))})));g.displayName="Image",g.defaultProps={__TYPE:"Image",preview:!1,className:null,downloadable:!1,style:null,imageStyle:null,imageClassName:null,template:null,src:null,alt:null,width:null,height:null};export{g as Image};
+import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useUnmountEffect as r}from"primereact/hooks";import{Portal as a}from"primereact/portal";import{ZIndexUtils as i,ObjectUtils as o,classNames as l,DomHandler as c}from"primereact/utils";function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}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 y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,t){return s(e)||p(e,t)||d(e,t)||y()}function b(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 v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=e.memo(e.forwardRef((function(m,s){var p=g(e.useState(!1),2),f=p[0],d=p[1],y=g(e.useState(!1),2),b=y[0],h=y[1],w=g(e.useState(0),2),N=w[0],O=w[1],j=g(e.useState(1),2),k=j[0],S=j[1],P=e.useRef(null),C=e.useRef(null),x=e.useRef(null),I=e.useRef(null),A=e.useRef(!1),R=function(){m.preview&&(d(!0),setTimeout((function(){h(!0)}),25))},D=function(){A.current=!0},T=function(){A.current||(h(!1),O(0),S(1)),A.current=!1},H=function(){c.saveAs({name:m.alt,src:m.src}),A.current=!0},_=function(){O((function(e){return e+90})),A.current=!0},z=function(){O((function(e){return e-90})),A.current=!0},J=function(){S((function(e){return e+.1})),A.current=!0},K=function(){S((function(e){return e-.1})),A.current=!0},M=function(){i.set("modal",x.current,t.autoZIndex,t.zIndex.modal)},U=function(){m.onShow&&m.onShow()},X=function(){c.addClass(x.current,"p-component-overlay-leave")},Y=function(){m.onHide&&m.onHide()},Z=function(){i.clear(x.current),d(!1)};r((function(){x.current&&i.clear(x.current)}));e.useImperativeHandle(s,(function(){return v({getElement:function(){return P.current},getImage:function(){return C.current}},m)}));var $,q,B=m.src,F=m.alt,G=m.width,L=m.height,Q=o.findDiffKeys(m,E.defaultProps),V=l("p-image p-component",m.className,{"p-image-preview-container":m.preview}),W=($={transform:"rotate("+N+"deg) scale("+k+")"},q=k<=.5||k>=1.5,e.createElement("div",{ref:x,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:T},e.createElement("div",{className:"p-image-toolbar"},m.downloadable&&e.createElement("button",{className:"p-image-action p-link",onClick:H,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:z,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"},e.createElement("i",{className:"pi pi-times"}))),e.createElement(n,{nodeRef:I,classNames:"p-image-preview",in:b,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:M,onEntered:U,onExit:X,onExiting:Y,onExited:Z},e.createElement("div",{ref:I},e.createElement("img",{src:m.src,className:"p-image-preview",style:$,onClick:D,alt:m.alt}))))),ee=m.template?o.getJSXElement(m.template,m):e.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),te=m.preview?e.createElement("div",{className:"p-image-preview-indicator",onClick:R},ee):null,ne=e.createElement("img",{ref:C,src:B,className:m.imageClassName,width:G,height:L,style:m.imageStyle,alt:F,onError:m.onError});return e.createElement("span",u({ref:P,className:V},Q),ne,te,f&&e.createElement(a,{element:W,appendTo:document.body}))})));E.displayName="Image",E.defaultProps={__TYPE:"Image",preview:!1,className:null,downloadable:!1,imageStyle:null,imageClassName:null,template:null,src:null,alt:null,width:null,height:null,onError:null};export{E as Image};

package/image/image.js

@@ -43,6 +43,21 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -104,6 +119,9 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   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),
@@ -126,6 +144,7 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
         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);
@@ -302,6 +321,16 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       }))));
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getImage: function getImage() {
+          return imageRef.current;
+        }
+      }, props);
+    });
     var src = props.src,
         alt = props.alt,
         width = props.width,
@@ -316,17 +345,18 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
     });
     var preview = createPreview();
     var image = /*#__PURE__*/React__namespace.createElement("img", {
+      ref: imageRef,
       src: src,
       className: props.imageClassName,
       width: width,
       height: height,
       style: props.imageStyle,
-      alt: alt
+      alt: alt,
+      onError: props.onError
     });
     return /*#__PURE__*/React__namespace.createElement("span", _extends({
       ref: elementRef,
-      className: containerClassName,
-      style: props.style
+      className: containerClassName
     }, otherProps), image, preview, maskVisibleState && /*#__PURE__*/React__namespace.createElement(portal.Portal, {
       element: element,
       appendTo: document.body
@@ -338,14 +368,14 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
     preview: false,
     className: null,
     downloadable: false,
-    style: null,
     imageStyle: null,
     imageClassName: null,
     template: null,
     src: null,
     alt: null,
     width: null,
-    height: null
+    height: null,
+    onError: null
   };
 
   exports.Image = Image;

package/image/image.min.css

@@ -1 +1 @@
-.p-image-mask{display:flex;align-items:center;justify-content:center}.p-image-preview-container{position:relative;display:inline-block}.p-image-preview-indicator{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.p-image-preview-icon{font-size:1.5rem}.p-image-preview-container:hover>.p-image-preview-indicator{opacity:1;cursor:pointer}.p-image-preview-container>img{cursor:pointer}.p-image-toolbar{position:absolute;top:0;right:0;display:flex}.p-image-action.p-link{display:flex;justify-content:center;align-items:center}.p-image-preview{transition:transform .15s;max-width:100vw;max-height:100vh}.p-image-preview-enter{opacity:0;transform:scale(0.7)}.p-image-preview-enter-active{opacity:1;transform:scale(1);transition:all 150ms cubic-bezier(0,0,0.2,1)}.p-image-preview-enter-done{transform:none}.p-image-preview-exit{opacity:1}.p-image-preview-exit-active{opacity:0;transform:scale(0.7);transition:all 150ms cubic-bezier(0.4,0.0,0.2,1)}
+.p-image-mask{display:flex;align-items:center;justify-content:center}.p-image-preview-container{position:relative;display:inline-block}.p-image-preview-indicator{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.p-image-preview-icon{font-size:1.5rem}.p-image-preview-container:hover>.p-image-preview-indicator{opacity:1;cursor:pointer}.p-image-preview-container>img{cursor:pointer}.p-image-toolbar{position:absolute;top:0;right:0;display:flex;z-index:1}.p-image-action.p-link{display:flex;justify-content:center;align-items:center}.p-image-preview{transition:transform .15s;max-width:100vw;max-height:100vh}.p-image-preview-enter{opacity:0;transform:scale(0.7)}.p-image-preview-enter-active{opacity:1;transform:scale(1);transition:all 150ms cubic-bezier(0,0,0.2,1)}.p-image-preview-enter-done{transform:none}.p-image-preview-exit{opacity:1}.p-image-preview-exit-active{opacity:0;transform:scale(0.7);transition:all 150ms cubic-bezier(0.4,0.0,0.2,1)}

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

package/inplace/inplace.cjs.js

@@ -26,6 +26,21 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -105,6 +120,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var InplaceDisplay = function InplaceDisplay(props) {
   return props.children;
 };
@@ -112,11 +130,12 @@ var InplaceContent = function InplaceContent(props) {
   return props.children;
 };
 var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-  var _React$useState = React__namespace.useState(false),
+  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) {
@@ -210,12 +229,20 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     });
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Inplace.defaultProps);
   var children = createChildren();
   var className = utils.classNames('p-inplace p-component', {
     'p-inplace-closable': props.closable
   }, props.className);
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    ref: elementRef,
     className: className
   }, otherProps), children);
 });

package/inplace/inplace.cjs.min.js

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

package/inplace/inplace.d.ts

@@ -5,13 +5,10 @@ interface InplaceToggleParams {
     value: boolean;
 }
 
-export interface InplaceProps {
-    style?: object;
-    className?: string;
+export interface InplaceProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     active?: boolean;
     closable?: boolean;
     disabled?: boolean;
-    tabIndex?: number;
     ariaLabel?: string;
     onOpen?(event: React.MouseEvent<HTMLElement>): void;
     onClose?(event: React.MouseEvent<HTMLElement>): void;
@@ -19,7 +16,9 @@ export interface InplaceProps {
     children?: React.ReactNode;
 }
 
-export declare class Inplace extends React.Component<InplaceProps, any> { }
+export declare class Inplace extends React.Component<InplaceProps, any> { 
+    public getElement(): HTMLDivElement;
+}
 
 // tslint:disable-next-line:max-classes-per-file
 export declare class InplaceDisplay extends React.Component {

package/inplace/inplace.esm.js

@@ -2,6 +2,21 @@ import * as React from 'react';
 import { Button } from 'primereact/button';
 import { ObjectUtils, classNames } from 'primereact/utils';
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -81,6 +96,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var InplaceDisplay = function InplaceDisplay(props) {
   return props.children;
 };
@@ -88,11 +106,12 @@ var InplaceContent = function InplaceContent(props) {
   return props.children;
 };
 var Inplace = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _React$useState = React.useState(false),
+  var _React$useState = React.useState(props.active),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       activeState = _React$useState2[0],
       setActiveState = _React$useState2[1];
 
+  var elementRef = React.useRef(null);
   var active = props.onToggle ? props.active : activeState;
 
   var shouldUseInplaceContent = function shouldUseInplaceContent(child) {
@@ -186,12 +205,20 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var otherProps = ObjectUtils.findDiffKeys(props, Inplace.defaultProps);
   var children = createChildren();
   var className = classNames('p-inplace p-component', {
     'p-inplace-closable': props.closable
   }, props.className);
   return /*#__PURE__*/React.createElement("div", _extends({
+    ref: elementRef,
     className: className
   }, otherProps), children);
 });

package/inplace/inplace.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Button as n}from"primereact/button";import{ObjectUtils as t,classNames as r}from"primereact/utils";function l(){return l=Object.assign||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},l.apply(this,arguments)}function a(e){if(Array.isArray(e))return e}function o(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 i(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 c(e,n){if(e){if("string"==typeof e)return i(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)?i(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 u=function(e){return e.children},s=function(e){return e.children},f=e.forwardRef((function(i,d){var m,y,b=e.useState(!1),v=(y=2,a(m=b)||o(m,y)||c(m,y)||p()),g=v[1],h=i.onToggle?i.active:v[0],I=function(e){return e&&"InplaceContent"===e.props.__TYPE},E=function(e){return e&&"InplaceDisplay"===e.props.__TYPE},P=function(e){i.disabled||(i.onOpen&&i.onOpen(e),i.onToggle?i.onToggle({originalEvent:e,value:!0}):g(!0))},T=function(e){i.onClose&&i.onClose(e),i.onToggle?i.onToggle({originalEvent:e,value:!1}):g(!1)},C=function(e){"Enter"===e.key&&(P(e),e.preventDefault())},_=function(n){var a=t.findDiffKeys(n.props,u.defaultProps),o=r("p-inplace-display",{"p-disabled":i.disabled});return e.createElement("div",l({className:o},a,{onClick:P,onKeyDown:C,tabIndex:i.tabIndex,"aria-label":i.ariaLabel}),n)},N=function(r){var a=t.findDiffKeys(r.props,s.defaultProps),o=i.closable?e.createElement(n,{type:"button",className:"p-inplace-content-close",icon:"pi pi-times",onClick:T}):null;return e.createElement("div",l({className:"p-inplace-content"},a),r,o)},D=t.findDiffKeys(i,f.defaultProps),O=e.Children.map(i.children,(function(e){return h&&I(e)?N(e):!h&&E(e)?_(e):void 0})),w=r("p-inplace p-component",{"p-inplace-closable":i.closable},i.className);return e.createElement("div",l({className:w},D),O)}));u.displayName="InplaceDisplay",u.defaultProps={__TYPE:"InplaceDisplay"},s.displayName="InplaceContent",s.defaultProps={__TYPE:"InplaceContent"},f.displayName="Inplace",f.defaultProps={__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null};export{f as Inplace,s as InplaceContent,u as InplaceDisplay};
+import*as e from"react";import{Button as n}from"primereact/button";import{ObjectUtils as t,classNames as r}from"primereact/utils";function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function l(){return l=Object.assign||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},l.apply(this,arguments)}function a(e){if(Array.isArray(e))return e}function i(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l=[],a=!0,i=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(i)throw o}}return l}}function c(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 u(e,n){if(e){if("string"==typeof e)return c(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)?c(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.")}function s(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function f(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?s(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var d=function(e){return e.children},y=function(e){return e.children},b=e.forwardRef((function(o,c){var s,m,v=e.useState(o.active),g=(m=2,a(s=v)||i(s,m)||u(s,m)||p()),O=g[0],P=g[1],h=e.useRef(null),j=o.onToggle?o.active:O,E=function(e){return e&&"InplaceContent"===e.props.__TYPE},I=function(e){return e&&"InplaceDisplay"===e.props.__TYPE},w=function(e){o.disabled||(o.onOpen&&o.onOpen(e),o.onToggle?o.onToggle({originalEvent:e,value:!0}):P(!0))},D=function(e){o.onClose&&o.onClose(e),o.onToggle?o.onToggle({originalEvent:e,value:!1}):P(!1)},T=function(e){"Enter"===e.key&&(w(e),e.preventDefault())},C=function(n){var a=t.findDiffKeys(n.props,d.defaultProps),i=r("p-inplace-display",{"p-disabled":o.disabled});return e.createElement("div",l({className:i},a,{onClick:w,onKeyDown:T,tabIndex:o.tabIndex,"aria-label":o.ariaLabel}),n)},_=function(r){var a=t.findDiffKeys(r.props,y.defaultProps),i=o.closable?e.createElement(n,{type:"button",className:"p-inplace-content-close",icon:"pi pi-times",onClick:D}):null;return e.createElement("div",l({className:"p-inplace-content"},a),r,i)};e.useImperativeHandle(c,(function(){return f({getElement:function(){return h.current}},o)}));var N=t.findDiffKeys(o,b.defaultProps),S=e.Children.map(o.children,(function(e){return j&&E(e)?_(e):!j&&I(e)?C(e):void 0})),A=r("p-inplace p-component",{"p-inplace-closable":o.closable},o.className);return e.createElement("div",l({ref:h,className:A},N),S)}));d.displayName="InplaceDisplay",d.defaultProps={__TYPE:"InplaceDisplay"},y.displayName="InplaceContent",y.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};export{b as Inplace,y as InplaceContent,d as InplaceDisplay};

package/inplace/inplace.js

@@ -22,6 +22,21 @@ this.primereact.inplace = (function (exports, React, button, utils) {
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _extends() {
     _extends = Object.assign || function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -101,6 +116,9 @@ this.primereact.inplace = (function (exports, React, button, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var InplaceDisplay = function InplaceDisplay(props) {
     return props.children;
   };
@@ -108,11 +126,12 @@ this.primereact.inplace = (function (exports, React, button, utils) {
     return props.children;
   };
   var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-    var _React$useState = React__namespace.useState(false),
+    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) {
@@ -206,12 +225,20 @@ this.primereact.inplace = (function (exports, React, button, utils) {
       });
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Inplace.defaultProps);
     var children = createChildren();
     var className = utils.classNames('p-inplace p-component', {
       'p-inplace-closable': props.closable
     }, props.className);
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: elementRef,
       className: className
     }, otherProps), children);
   });

package/inplace/inplace.min.js

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