primereact 7.0.0-rc.2 → 7.2.0

package/image/image.esm.js

@@ -1,5 +1,8 @@
 import React, { Component } from 'react';
-import { ZIndexUtils, DomHandler, CSSTransition, classNames, ObjectUtils, Portal } from 'primereact/core';
+import { CSSTransition } from 'primereact/csstransition';
+import { DomHandler, ZIndexUtils, classNames, ObjectUtils } from 'primereact/utils';
+import { Portal } from 'primereact/portal';
+import PrimeReact from 'primereact/api';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -20,6 +23,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -52,23 +58,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -125,6 +128,7 @@ var Image = /*#__PURE__*/function (_Component) {
     };
     _this.onImageClick = _this.onImageClick.bind(_assertThisInitialized(_this));
     _this.onMaskClick = _this.onMaskClick.bind(_assertThisInitialized(_this));
+    _this.onDownload = _this.onDownload.bind(_assertThisInitialized(_this));
     _this.rotateRight = _this.rotateRight.bind(_assertThisInitialized(_this));
     _this.rotateLeft = _this.rotateLeft.bind(_assertThisInitialized(_this));
     _this.zoomIn = _this.zoomIn.bind(_assertThisInitialized(_this));
@@ -177,6 +181,18 @@ var Image = /*#__PURE__*/function (_Component) {
 
       this.previewClick = false;
     }
+  }, {
+    key: "onDownload",
+    value: function onDownload() {
+      var _this$props = this.props,
+          name = _this$props.alt,
+          src = _this$props.src;
+      DomHandler.saveAs({
+        name: name,
+        src: src
+      });
+      this.previewClick = true;
+    }
   }, {
     key: "rotateRight",
     value: function rotateRight() {
@@ -220,7 +236,7 @@ var Image = /*#__PURE__*/function (_Component) {
   }, {
     key: "onEntering",
     value: function onEntering() {
-      ZIndexUtils.set('modal', this.mask);
+      ZIndexUtils.set('modal', this.mask, PrimeReact.autoZIndex, PrimeReact.zIndex['modal']);
     }
   }, {
     key: "onEntered",
@@ -261,6 +277,7 @@ var Image = /*#__PURE__*/function (_Component) {
     value: function renderElement() {
       var _this3 = this;
 
+      var downloadable = this.props.downloadable;
       var imagePreviewStyle = {
         transform: 'rotate(' + this.state.rotate + 'deg) scale(' + this.state.scale + ')'
       };
@@ -274,7 +291,13 @@ var Image = /*#__PURE__*/function (_Component) {
         onClick: this.onMaskClick
       }, /*#__PURE__*/React.createElement("div", {
         className: "p-image-toolbar"
-      }, /*#__PURE__*/React.createElement("button", {
+      }, downloadable && /*#__PURE__*/React.createElement("button", {
+        className: "p-image-action p-link",
+        onClick: this.onDownload,
+        type: "button"
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "pi pi-download"
+      })), /*#__PURE__*/React.createElement("button", {
         className: "p-image-action p-link",
         onClick: this.rotateRight,
         type: "button"
@@ -309,7 +332,7 @@ var Image = /*#__PURE__*/function (_Component) {
       }))), /*#__PURE__*/React.createElement(CSSTransition, {
         nodeRef: this.previewRef,
         classNames: "p-image-preview",
-        in: this.state.previewVisible,
+        "in": this.state.previewVisible,
         timeout: {
           enter: 150,
           exit: 150
@@ -342,11 +365,11 @@ var Image = /*#__PURE__*/function (_Component) {
       var content = this.props.template ? ObjectUtils.getJSXElement(this.props.template, this.props) : /*#__PURE__*/React.createElement("i", {
         className: "p-image-preview-icon pi pi-eye"
       });
-      var _this$props = this.props,
-          src = _this$props.src,
-          alt = _this$props.alt,
-          width = _this$props.width,
-          height = _this$props.height;
+      var _this$props2 = this.props,
+          src = _this$props2.src,
+          alt = _this$props2.alt,
+          width = _this$props2.width,
+          height = _this$props2.height;
       return /*#__PURE__*/React.createElement("span", {
         ref: function ref(el) {
           return _this4.container = el;
@@ -376,6 +399,7 @@ var Image = /*#__PURE__*/function (_Component) {
 _defineProperty(Image, "defaultProps", {
   preview: false,
   className: null,
+  downloadable: false,
   style: null,
   imageStyle: null,
   imageClassName: null,

package/image/image.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{ZIndexUtils as i,DomHandler as n,CSSTransition as o,classNames as r,ObjectUtils as a,Portal as s}from"primereact/core";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}function f(e){return(f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function h(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b,d,k,E=function(u){m(w,t);var f,b,d,k,E,g=(f=w,b=y(),function(){var e,t=v(f);if(b){var i=v(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return h(this,e)});function w(t){var i;return l(this,w),(i=g.call(this,t)).state={maskVisible:!1,previewVisible:!1,rotate:0,scale:1},i.onImageClick=i.onImageClick.bind(p(i)),i.onMaskClick=i.onMaskClick.bind(p(i)),i.rotateRight=i.rotateRight.bind(p(i)),i.rotateLeft=i.rotateLeft.bind(p(i)),i.zoomIn=i.zoomIn.bind(p(i)),i.zoomOut=i.zoomOut.bind(p(i)),i.onEntering=i.onEntering.bind(p(i)),i.onEntered=i.onEntered.bind(p(i)),i.onPreviewImageClick=i.onPreviewImageClick.bind(p(i)),i.onExit=i.onExit.bind(p(i)),i.onExiting=i.onExiting.bind(p(i)),i.onExited=i.onExited.bind(p(i)),i.previewRef=e.createRef(),i}return d=w,(k=[{key:"onImageClick",value:function(){var e=this;this.props.preview&&(this.setState({maskVisible:!0}),setTimeout((function(){e.setState({previewVisible:!0})}),25))}},{key:"onPreviewImageClick",value:function(){this.previewClick=!0}},{key:"onMaskClick",value:function(){this.previewClick||(this.setState({previewVisible:!1}),this.setState({rotate:0}),this.setState({scale:1})),this.previewClick=!1}},{key:"rotateRight",value:function(){this.setState((function(e){return{rotate:e.rotate+90}})),this.previewClick=!0}},{key:"rotateLeft",value:function(){this.setState((function(e){return{rotate:e.rotate-90}})),this.previewClick=!0}},{key:"zoomIn",value:function(){this.setState((function(e){return{scale:e.scale+.1}})),this.previewClick=!0}},{key:"zoomOut",value:function(){this.setState((function(e){return{scale:e.scale-.1}})),this.previewClick=!0}},{key:"onEntering",value:function(){i.set("modal",this.mask)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){n.addClass(this.mask,"p-component-overlay-leave")}},{key:"onExiting",value:function(){this.props.onHide&&this.props.onHide()}},{key:"onExited",value:function(e){i.clear(e),this.setState({maskVisible:!1})}},{key:"componentWillUnmount",value:function(){this.mask&&i.clear(this.container)}},{key:"renderElement",value:function(){var t=this,i={transform:"rotate("+this.state.rotate+"deg) scale("+this.state.scale+")"},n=this.state.scale<=.5||this.state.scale>=1.5;return e.createElement("div",{ref:function(e){return t.mask=e},className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:this.onMaskClick},e.createElement("div",{className:"p-image-toolbar"},e.createElement("button",{className:"p-image-action p-link",onClick:this.rotateRight,type:"button"},e.createElement("i",{className:"pi pi-refresh"})),e.createElement("button",{className:"p-image-action p-link",onClick:this.rotateLeft,type:"button"},e.createElement("i",{className:"pi pi-undo"})),e.createElement("button",{className:"p-image-action p-link",onClick:this.zoomOut,type:"button",disabled:n},e.createElement("i",{className:"pi pi-search-minus"})),e.createElement("button",{className:"p-image-action p-link",onClick:this.zoomIn,type:"button",disabled:n},e.createElement("i",{className:"pi pi-search-plus"})),e.createElement("button",{className:"p-image-action p-link",type:"button",onClick:this.hidePreview},e.createElement("i",{className:"pi pi-times"}))),e.createElement(o,{nodeRef:this.previewRef,classNames:"p-image-preview",in:this.state.previewVisible,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:this.onEntering,onEntered:this.onEntered,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited},e.createElement("div",{ref:this.previewRef},e.createElement("img",{src:this.props.src,className:"p-image-preview",style:i,onClick:this.onPreviewImageClick,alt:this.props.alt}))))}},{key:"render",value:function(){var t=this,i=r("p-image p-component",this.props.className,{"p-image-preview-container":this.props.preview}),n=this.renderElement(),o=this.props.template?a.getJSXElement(this.props.template,this.props):e.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),l=this.props;return e.createElement("span",{ref:function(e){return t.container=e},className:i,style:this.props.style},e.createElement("img",{src:l.src,className:this.props.imageClassName,width:l.width,height:l.height,style:this.props.imageStyle,alt:l.alt}),this.props.preview&&e.createElement("div",{className:"p-image-preview-indicator",onClick:this.onImageClick},o),this.state.maskVisible&&e.createElement(s,{element:n,appendTo:document.body}))}}])&&c(d.prototype,k),E&&c(d,E),w}();k={preview:!1,className:null,style:null,imageStyle:null,imageClassName:null,template:null,src:null,alt:null,width:null,height:null},(d="defaultProps")in(b=E)?Object.defineProperty(b,d,{value:k,enumerable:!0,configurable:!0,writable:!0}):b[d]=k;export{E as Image};
+import e,{Component as t}from"react";import{CSSTransition as i}from"primereact/csstransition";import{DomHandler as n,ZIndexUtils as o,classNames as r,ObjectUtils as a}from"primereact/utils";import{Portal as s}from"primereact/portal";import l from"primereact/api";function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function d(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b,k,E,w=function(m){f(C,t);var h,b,k,E,w,g=(h=C,b=v(),function(){var e,t=y(h);if(b){var i=y(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return d(this,e)});function C(t){var i;return c(this,C),(i=g.call(this,t)).state={maskVisible:!1,previewVisible:!1,rotate:0,scale:1},i.onImageClick=i.onImageClick.bind(u(i)),i.onMaskClick=i.onMaskClick.bind(u(i)),i.onDownload=i.onDownload.bind(u(i)),i.rotateRight=i.rotateRight.bind(u(i)),i.rotateLeft=i.rotateLeft.bind(u(i)),i.zoomIn=i.zoomIn.bind(u(i)),i.zoomOut=i.zoomOut.bind(u(i)),i.onEntering=i.onEntering.bind(u(i)),i.onEntered=i.onEntered.bind(u(i)),i.onPreviewImageClick=i.onPreviewImageClick.bind(u(i)),i.onExit=i.onExit.bind(u(i)),i.onExiting=i.onExiting.bind(u(i)),i.onExited=i.onExited.bind(u(i)),i.previewRef=e.createRef(),i}return k=C,(E=[{key:"onImageClick",value:function(){var e=this;this.props.preview&&(this.setState({maskVisible:!0}),setTimeout((function(){e.setState({previewVisible:!0})}),25))}},{key:"onPreviewImageClick",value:function(){this.previewClick=!0}},{key:"onMaskClick",value:function(){this.previewClick||(this.setState({previewVisible:!1}),this.setState({rotate:0}),this.setState({scale:1})),this.previewClick=!1}},{key:"onDownload",value:function(){var e=this.props;n.saveAs({name:e.alt,src:e.src}),this.previewClick=!0}},{key:"rotateRight",value:function(){this.setState((function(e){return{rotate:e.rotate+90}})),this.previewClick=!0}},{key:"rotateLeft",value:function(){this.setState((function(e){return{rotate:e.rotate-90}})),this.previewClick=!0}},{key:"zoomIn",value:function(){this.setState((function(e){return{scale:e.scale+.1}})),this.previewClick=!0}},{key:"zoomOut",value:function(){this.setState((function(e){return{scale:e.scale-.1}})),this.previewClick=!0}},{key:"onEntering",value:function(){o.set("modal",this.mask,l.autoZIndex,l.zIndex.modal)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){n.addClass(this.mask,"p-component-overlay-leave")}},{key:"onExiting",value:function(){this.props.onHide&&this.props.onHide()}},{key:"onExited",value:function(e){o.clear(e),this.setState({maskVisible:!1})}},{key:"componentWillUnmount",value:function(){this.mask&&o.clear(this.container)}},{key:"renderElement",value:function(){var t=this,n={transform:"rotate("+this.state.rotate+"deg) scale("+this.state.scale+")"},o=this.state.scale<=.5||this.state.scale>=1.5;return e.createElement("div",{ref:function(e){return t.mask=e},className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:this.onMaskClick},e.createElement("div",{className:"p-image-toolbar"},this.props.downloadable&&e.createElement("button",{className:"p-image-action p-link",onClick:this.onDownload,type:"button"},e.createElement("i",{className:"pi pi-download"})),e.createElement("button",{className:"p-image-action p-link",onClick:this.rotateRight,type:"button"},e.createElement("i",{className:"pi pi-refresh"})),e.createElement("button",{className:"p-image-action p-link",onClick:this.rotateLeft,type:"button"},e.createElement("i",{className:"pi pi-undo"})),e.createElement("button",{className:"p-image-action p-link",onClick:this.zoomOut,type:"button",disabled:o},e.createElement("i",{className:"pi pi-search-minus"})),e.createElement("button",{className:"p-image-action p-link",onClick:this.zoomIn,type:"button",disabled:o},e.createElement("i",{className:"pi pi-search-plus"})),e.createElement("button",{className:"p-image-action p-link",type:"button",onClick:this.hidePreview},e.createElement("i",{className:"pi pi-times"}))),e.createElement(i,{nodeRef:this.previewRef,classNames:"p-image-preview",in:this.state.previewVisible,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:this.onEntering,onEntered:this.onEntered,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited},e.createElement("div",{ref:this.previewRef},e.createElement("img",{src:this.props.src,className:"p-image-preview",style:n,onClick:this.onPreviewImageClick,alt:this.props.alt}))))}},{key:"render",value:function(){var t=this,i=r("p-image p-component",this.props.className,{"p-image-preview-container":this.props.preview}),n=this.renderElement(),o=this.props.template?a.getJSXElement(this.props.template,this.props):e.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),l=this.props;return e.createElement("span",{ref:function(e){return t.container=e},className:i,style:this.props.style},e.createElement("img",{src:l.src,className:this.props.imageClassName,width:l.width,height:l.height,style:this.props.imageStyle,alt:l.alt}),this.props.preview&&e.createElement("div",{className:"p-image-preview-indicator",onClick:this.onImageClick},o),this.state.maskVisible&&e.createElement(s,{element:n,appendTo:document.body}))}}])&&p(k.prototype,E),w&&p(k,w),Object.defineProperty(k,"prototype",{writable:!1}),C}();E={preview:!1,className:null,downloadable:!1,style:null,imageStyle:null,imageClassName:null,template:null,src:null,alt:null,width:null,height:null},(k="defaultProps")in(b=w)?Object.defineProperty(b,k,{value:E,enumerable:!0,configurable:!0,writable:!0}):b[k]=E;export{w as Image};

package/image/image.js

@@ -1,10 +1,11 @@
 this.primereact = this.primereact || {};
-this.primereact.image = (function (exports, React, core) {
+this.primereact.image = (function (exports, React, csstransition, utils, portal, PrimeReact) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -25,6 +26,9 @@ this.primereact.image = (function (exports, React, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -57,23 +61,20 @@ this.primereact.image = (function (exports, React, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _possibleConstructorReturn(self, call) {
@@ -130,6 +131,7 @@ this.primereact.image = (function (exports, React, core) {
       };
       _this.onImageClick = _this.onImageClick.bind(_assertThisInitialized(_this));
       _this.onMaskClick = _this.onMaskClick.bind(_assertThisInitialized(_this));
+      _this.onDownload = _this.onDownload.bind(_assertThisInitialized(_this));
       _this.rotateRight = _this.rotateRight.bind(_assertThisInitialized(_this));
       _this.rotateLeft = _this.rotateLeft.bind(_assertThisInitialized(_this));
       _this.zoomIn = _this.zoomIn.bind(_assertThisInitialized(_this));
@@ -140,7 +142,7 @@ this.primereact.image = (function (exports, React, core) {
       _this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
       _this.onExiting = _this.onExiting.bind(_assertThisInitialized(_this));
       _this.onExited = _this.onExited.bind(_assertThisInitialized(_this));
-      _this.previewRef = /*#__PURE__*/React__default['default'].createRef();
+      _this.previewRef = /*#__PURE__*/React__default["default"].createRef();
       return _this;
     }
 
@@ -182,6 +184,18 @@ this.primereact.image = (function (exports, React, core) {
 
         this.previewClick = false;
       }
+    }, {
+      key: "onDownload",
+      value: function onDownload() {
+        var _this$props = this.props,
+            name = _this$props.alt,
+            src = _this$props.src;
+        utils.DomHandler.saveAs({
+          name: name,
+          src: src
+        });
+        this.previewClick = true;
+      }
     }, {
       key: "rotateRight",
       value: function rotateRight() {
@@ -225,7 +239,7 @@ this.primereact.image = (function (exports, React, core) {
     }, {
       key: "onEntering",
       value: function onEntering() {
-        core.ZIndexUtils.set('modal', this.mask);
+        utils.ZIndexUtils.set('modal', this.mask, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['modal']);
       }
     }, {
       key: "onEntered",
@@ -237,7 +251,7 @@ this.primereact.image = (function (exports, React, core) {
     }, {
       key: "onExit",
       value: function onExit() {
-        core.DomHandler.addClass(this.mask, 'p-component-overlay-leave');
+        utils.DomHandler.addClass(this.mask, 'p-component-overlay-leave');
       }
     }, {
       key: "onExiting",
@@ -249,7 +263,7 @@ this.primereact.image = (function (exports, React, core) {
     }, {
       key: "onExited",
       value: function onExited(el) {
-        core.ZIndexUtils.clear(el);
+        utils.ZIndexUtils.clear(el);
         this.setState({
           maskVisible: false
         });
@@ -258,7 +272,7 @@ this.primereact.image = (function (exports, React, core) {
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
         if (this.mask) {
-          core.ZIndexUtils.clear(this.container);
+          utils.ZIndexUtils.clear(this.container);
         }
       }
     }, {
@@ -266,55 +280,62 @@ this.primereact.image = (function (exports, React, core) {
       value: function renderElement() {
         var _this3 = this;
 
+        var downloadable = this.props.downloadable;
         var imagePreviewStyle = {
           transform: 'rotate(' + this.state.rotate + 'deg) scale(' + this.state.scale + ')'
         };
         var zoomDisabled = this.state.scale <= 0.5 || this.state.scale >= 1.5; // const rotateClassName = 'p-image-preview-rotate-' + this.state.rotate;
 
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this3.mask = el;
           },
           className: "p-image-mask p-component-overlay p-component-overlay-enter",
           onClick: this.onMaskClick
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-image-toolbar"
-        }, /*#__PURE__*/React__default['default'].createElement("button", {
+        }, downloadable && /*#__PURE__*/React__default["default"].createElement("button", {
+          className: "p-image-action p-link",
+          onClick: this.onDownload,
+          type: "button"
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
+          className: "pi pi-download"
+        })), /*#__PURE__*/React__default["default"].createElement("button", {
           className: "p-image-action p-link",
           onClick: this.rotateRight,
           type: "button"
-        }, /*#__PURE__*/React__default['default'].createElement("i", {
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
           className: "pi pi-refresh"
-        })), /*#__PURE__*/React__default['default'].createElement("button", {
+        })), /*#__PURE__*/React__default["default"].createElement("button", {
           className: "p-image-action p-link",
           onClick: this.rotateLeft,
           type: "button"
-        }, /*#__PURE__*/React__default['default'].createElement("i", {
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
           className: "pi pi-undo"
-        })), /*#__PURE__*/React__default['default'].createElement("button", {
+        })), /*#__PURE__*/React__default["default"].createElement("button", {
           className: "p-image-action p-link",
           onClick: this.zoomOut,
           type: "button",
           disabled: zoomDisabled
-        }, /*#__PURE__*/React__default['default'].createElement("i", {
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
           className: "pi pi-search-minus"
-        })), /*#__PURE__*/React__default['default'].createElement("button", {
+        })), /*#__PURE__*/React__default["default"].createElement("button", {
           className: "p-image-action p-link",
           onClick: this.zoomIn,
           type: "button",
           disabled: zoomDisabled
-        }, /*#__PURE__*/React__default['default'].createElement("i", {
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
           className: "pi pi-search-plus"
-        })), /*#__PURE__*/React__default['default'].createElement("button", {
+        })), /*#__PURE__*/React__default["default"].createElement("button", {
           className: "p-image-action p-link",
           type: "button",
           onClick: this.hidePreview
-        }, /*#__PURE__*/React__default['default'].createElement("i", {
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
           className: "pi pi-times"
-        }))), /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+        }))), /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
           nodeRef: this.previewRef,
           classNames: "p-image-preview",
-          in: this.state.previewVisible,
+          "in": this.state.previewVisible,
           timeout: {
             enter: 150,
             exit: 150
@@ -325,9 +346,9 @@ this.primereact.image = (function (exports, React, core) {
           onExit: this.onExit,
           onExiting: this.onExiting,
           onExited: this.onExited
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: this.previewRef
-        }, /*#__PURE__*/React__default['default'].createElement("img", {
+        }, /*#__PURE__*/React__default["default"].createElement("img", {
           src: this.props.src,
           className: "p-image-preview",
           style: imagePreviewStyle,
@@ -340,35 +361,35 @@ this.primereact.image = (function (exports, React, core) {
       value: function render() {
         var _this4 = this;
 
-        var containerClassName = core.classNames('p-image p-component', this.props.className, {
+        var containerClassName = utils.classNames('p-image p-component', this.props.className, {
           'p-image-preview-container': this.props.preview
         });
         var element = this.renderElement();
-        var content = this.props.template ? core.ObjectUtils.getJSXElement(this.props.template, this.props) : /*#__PURE__*/React__default['default'].createElement("i", {
+        var content = this.props.template ? utils.ObjectUtils.getJSXElement(this.props.template, this.props) : /*#__PURE__*/React__default["default"].createElement("i", {
           className: "p-image-preview-icon pi pi-eye"
         });
-        var _this$props = this.props,
-            src = _this$props.src,
-            alt = _this$props.alt,
-            width = _this$props.width,
-            height = _this$props.height;
-        return /*#__PURE__*/React__default['default'].createElement("span", {
+        var _this$props2 = this.props,
+            src = _this$props2.src,
+            alt = _this$props2.alt,
+            width = _this$props2.width,
+            height = _this$props2.height;
+        return /*#__PURE__*/React__default["default"].createElement("span", {
           ref: function ref(el) {
             return _this4.container = el;
           },
           className: containerClassName,
           style: this.props.style
-        }, /*#__PURE__*/React__default['default'].createElement("img", {
+        }, /*#__PURE__*/React__default["default"].createElement("img", {
           src: src,
           className: this.props.imageClassName,
           width: width,
           height: height,
           style: this.props.imageStyle,
           alt: alt
-        }), this.props.preview && /*#__PURE__*/React__default['default'].createElement("div", {
+        }), this.props.preview && /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-image-preview-indicator",
           onClick: this.onImageClick
-        }, content), this.state.maskVisible && /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+        }, content), this.state.maskVisible && /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
           element: element,
           appendTo: document.body
         }));
@@ -381,6 +402,7 @@ this.primereact.image = (function (exports, React, core) {
   _defineProperty(Image, "defaultProps", {
     preview: false,
     className: null,
+    downloadable: false,
     style: null,
     imageStyle: null,
     imageClassName: null,
@@ -397,4 +419,4 @@ this.primereact.image = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.csstransition, primereact.utils, primereact.portal, primereact.api);

package/image/image.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.image=function(e,t,i){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e,t){return(l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&l(e,t)}function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function p(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function m(e){return(m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var h,d,v,y=function(e){c(v,e);var t,n,l,u,h,d=(t=v,n=f(),function(){var e,i=m(t);if(n){var o=m(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return p(this,e)});function v(e){var t;return a(this,v),(t=d.call(this,e)).state={maskVisible:!1,previewVisible:!1,rotate:0,scale:1},t.onImageClick=t.onImageClick.bind(s(t)),t.onMaskClick=t.onMaskClick.bind(s(t)),t.rotateRight=t.rotateRight.bind(s(t)),t.rotateLeft=t.rotateLeft.bind(s(t)),t.zoomIn=t.zoomIn.bind(s(t)),t.zoomOut=t.zoomOut.bind(s(t)),t.onEntering=t.onEntering.bind(s(t)),t.onEntered=t.onEntered.bind(s(t)),t.onPreviewImageClick=t.onPreviewImageClick.bind(s(t)),t.onExit=t.onExit.bind(s(t)),t.onExiting=t.onExiting.bind(s(t)),t.onExited=t.onExited.bind(s(t)),t.previewRef=o.default.createRef(),t}return l=v,(u=[{key:"onImageClick",value:function(){var e=this;this.props.preview&&(this.setState({maskVisible:!0}),setTimeout((function(){e.setState({previewVisible:!0})}),25))}},{key:"onPreviewImageClick",value:function(){this.previewClick=!0}},{key:"onMaskClick",value:function(){this.previewClick||(this.setState({previewVisible:!1}),this.setState({rotate:0}),this.setState({scale:1})),this.previewClick=!1}},{key:"rotateRight",value:function(){this.setState((function(e){return{rotate:e.rotate+90}})),this.previewClick=!0}},{key:"rotateLeft",value:function(){this.setState((function(e){return{rotate:e.rotate-90}})),this.previewClick=!0}},{key:"zoomIn",value:function(){this.setState((function(e){return{scale:e.scale+.1}})),this.previewClick=!0}},{key:"zoomOut",value:function(){this.setState((function(e){return{scale:e.scale-.1}})),this.previewClick=!0}},{key:"onEntering",value:function(){i.ZIndexUtils.set("modal",this.mask)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){i.DomHandler.addClass(this.mask,"p-component-overlay-leave")}},{key:"onExiting",value:function(){this.props.onHide&&this.props.onHide()}},{key:"onExited",value:function(e){i.ZIndexUtils.clear(e),this.setState({maskVisible:!1})}},{key:"componentWillUnmount",value:function(){this.mask&&i.ZIndexUtils.clear(this.container)}},{key:"renderElement",value:function(){var e=this,t={transform:"rotate("+this.state.rotate+"deg) scale("+this.state.scale+")"},n=this.state.scale<=.5||this.state.scale>=1.5;return o.default.createElement("div",{ref:function(t){return e.mask=t},className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:this.onMaskClick},o.default.createElement("div",{className:"p-image-toolbar"},o.default.createElement("button",{className:"p-image-action p-link",onClick:this.rotateRight,type:"button"},o.default.createElement("i",{className:"pi pi-refresh"})),o.default.createElement("button",{className:"p-image-action p-link",onClick:this.rotateLeft,type:"button"},o.default.createElement("i",{className:"pi pi-undo"})),o.default.createElement("button",{className:"p-image-action p-link",onClick:this.zoomOut,type:"button",disabled:n},o.default.createElement("i",{className:"pi pi-search-minus"})),o.default.createElement("button",{className:"p-image-action p-link",onClick:this.zoomIn,type:"button",disabled:n},o.default.createElement("i",{className:"pi pi-search-plus"})),o.default.createElement("button",{className:"p-image-action p-link",type:"button",onClick:this.hidePreview},o.default.createElement("i",{className:"pi pi-times"}))),o.default.createElement(i.CSSTransition,{nodeRef:this.previewRef,classNames:"p-image-preview",in:this.state.previewVisible,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:this.onEntering,onEntered:this.onEntered,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited},o.default.createElement("div",{ref:this.previewRef},o.default.createElement("img",{src:this.props.src,className:"p-image-preview",style:t,onClick:this.onPreviewImageClick,alt:this.props.alt}))))}},{key:"render",value:function(){var e=this,t=i.classNames("p-image p-component",this.props.className,{"p-image-preview-container":this.props.preview}),n=this.renderElement(),a=this.props.template?i.ObjectUtils.getJSXElement(this.props.template,this.props):o.default.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),r=this.props;return o.default.createElement("span",{ref:function(t){return e.container=t},className:t,style:this.props.style},o.default.createElement("img",{src:r.src,className:this.props.imageClassName,width:r.width,height:r.height,style:this.props.imageStyle,alt:r.alt}),this.props.preview&&o.default.createElement("div",{className:"p-image-preview-indicator",onClick:this.onImageClick},a),this.state.maskVisible&&o.default.createElement(i.Portal,{element:n,appendTo:document.body}))}}])&&r(l.prototype,u),h&&r(l,h),v}(t.Component);return v={preview:!1,className:null,style:null,imageStyle:null,imageClassName:null,template:null,src:null,alt:null,width:null,height:null},(d="defaultProps")in(h=y)?Object.defineProperty(h,d,{value:v,enumerable:!0,configurable:!0,writable:!0}):h[d]=v,e.Image=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,i,o,a){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t),s=r(a);function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function h(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v,k,g,E=function(e){f(k,e);var t,a,r,m,d,v=(t=k,a=b(),function(){var e,n=y(t);if(a){var i=y(this).constructor;e=Reflect.construct(n,arguments,i)}else e=n.apply(this,arguments);return h(this,e)});function k(e){var t;return c(this,k),(t=v.call(this,e)).state={maskVisible:!1,previewVisible:!1,rotate:0,scale:1},t.onImageClick=t.onImageClick.bind(p(t)),t.onMaskClick=t.onMaskClick.bind(p(t)),t.onDownload=t.onDownload.bind(p(t)),t.rotateRight=t.rotateRight.bind(p(t)),t.rotateLeft=t.rotateLeft.bind(p(t)),t.zoomIn=t.zoomIn.bind(p(t)),t.zoomOut=t.zoomOut.bind(p(t)),t.onEntering=t.onEntering.bind(p(t)),t.onEntered=t.onEntered.bind(p(t)),t.onPreviewImageClick=t.onPreviewImageClick.bind(p(t)),t.onExit=t.onExit.bind(p(t)),t.onExiting=t.onExiting.bind(p(t)),t.onExited=t.onExited.bind(p(t)),t.previewRef=l.default.createRef(),t}return r=k,(m=[{key:"onImageClick",value:function(){var e=this;this.props.preview&&(this.setState({maskVisible:!0}),setTimeout((function(){e.setState({previewVisible:!0})}),25))}},{key:"onPreviewImageClick",value:function(){this.previewClick=!0}},{key:"onMaskClick",value:function(){this.previewClick||(this.setState({previewVisible:!1}),this.setState({rotate:0}),this.setState({scale:1})),this.previewClick=!1}},{key:"onDownload",value:function(){var e=this.props;i.DomHandler.saveAs({name:e.alt,src:e.src}),this.previewClick=!0}},{key:"rotateRight",value:function(){this.setState((function(e){return{rotate:e.rotate+90}})),this.previewClick=!0}},{key:"rotateLeft",value:function(){this.setState((function(e){return{rotate:e.rotate-90}})),this.previewClick=!0}},{key:"zoomIn",value:function(){this.setState((function(e){return{scale:e.scale+.1}})),this.previewClick=!0}},{key:"zoomOut",value:function(){this.setState((function(e){return{scale:e.scale-.1}})),this.previewClick=!0}},{key:"onEntering",value:function(){i.ZIndexUtils.set("modal",this.mask,s.default.autoZIndex,s.default.zIndex.modal)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){i.DomHandler.addClass(this.mask,"p-component-overlay-leave")}},{key:"onExiting",value:function(){this.props.onHide&&this.props.onHide()}},{key:"onExited",value:function(e){i.ZIndexUtils.clear(e),this.setState({maskVisible:!1})}},{key:"componentWillUnmount",value:function(){this.mask&&i.ZIndexUtils.clear(this.container)}},{key:"renderElement",value:function(){var e=this,t={transform:"rotate("+this.state.rotate+"deg) scale("+this.state.scale+")"},i=this.state.scale<=.5||this.state.scale>=1.5;return l.default.createElement("div",{ref:function(t){return e.mask=t},className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:this.onMaskClick},l.default.createElement("div",{className:"p-image-toolbar"},this.props.downloadable&&l.default.createElement("button",{className:"p-image-action p-link",onClick:this.onDownload,type:"button"},l.default.createElement("i",{className:"pi pi-download"})),l.default.createElement("button",{className:"p-image-action p-link",onClick:this.rotateRight,type:"button"},l.default.createElement("i",{className:"pi pi-refresh"})),l.default.createElement("button",{className:"p-image-action p-link",onClick:this.rotateLeft,type:"button"},l.default.createElement("i",{className:"pi pi-undo"})),l.default.createElement("button",{className:"p-image-action p-link",onClick:this.zoomOut,type:"button",disabled:i},l.default.createElement("i",{className:"pi pi-search-minus"})),l.default.createElement("button",{className:"p-image-action p-link",onClick:this.zoomIn,type:"button",disabled:i},l.default.createElement("i",{className:"pi pi-search-plus"})),l.default.createElement("button",{className:"p-image-action p-link",type:"button",onClick:this.hidePreview},l.default.createElement("i",{className:"pi pi-times"}))),l.default.createElement(n.CSSTransition,{nodeRef:this.previewRef,classNames:"p-image-preview",in:this.state.previewVisible,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:this.onEntering,onEntered:this.onEntered,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited},l.default.createElement("div",{ref:this.previewRef},l.default.createElement("img",{src:this.props.src,className:"p-image-preview",style:t,onClick:this.onPreviewImageClick,alt:this.props.alt}))))}},{key:"render",value:function(){var e=this,t=i.classNames("p-image p-component",this.props.className,{"p-image-preview-container":this.props.preview}),n=this.renderElement(),a=this.props.template?i.ObjectUtils.getJSXElement(this.props.template,this.props):l.default.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),r=this.props;return l.default.createElement("span",{ref:function(t){return e.container=t},className:t,style:this.props.style},l.default.createElement("img",{src:r.src,className:this.props.imageClassName,width:r.width,height:r.height,style:this.props.imageStyle,alt:r.alt}),this.props.preview&&l.default.createElement("div",{className:"p-image-preview-indicator",onClick:this.onImageClick},a),this.state.maskVisible&&l.default.createElement(o.Portal,{element:n,appendTo:document.body}))}}])&&u(r.prototype,m),d&&u(r,d),Object.defineProperty(r,"prototype",{writable:!1}),k}(t.Component);return g={preview:!1,className:null,downloadable:!1,style:null,imageStyle:null,imageClassName:null,template:null,src:null,alt:null,width:null,height:null},(k="defaultProps")in(v=E)?Object.defineProperty(v,k,{value:g,enumerable:!0,configurable:!0,writable:!0}):v[k]=g,e.Image=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.utils,primereact.portal,primereact.api);

package/inplace/inplace.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
 var button = require('primereact/button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -52,6 +52,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -76,23 +79,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -235,10 +235,10 @@ var Inplace = /*#__PURE__*/function (_Component3) {
   }, {
     key: "renderDisplay",
     value: function renderDisplay(content) {
-      var className = core.classNames('p-inplace-display', {
+      var className = utils.classNames('p-inplace-display', {
         'p-disabled': this.props.disabled
       });
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: className,
         onClick: this.open,
         onKeyDown: this.onDisplayKeyDown,
@@ -250,7 +250,7 @@ var Inplace = /*#__PURE__*/function (_Component3) {
     key: "renderCloseButton",
     value: function renderCloseButton() {
       if (this.props.closable) {
-        return /*#__PURE__*/React__default['default'].createElement(button.Button, {
+        return /*#__PURE__*/React__default["default"].createElement(button.Button, {
           type: "button",
           className: "p-inplace-content-close",
           icon: "pi pi-times",
@@ -264,7 +264,7 @@ var Inplace = /*#__PURE__*/function (_Component3) {
     key: "renderContent",
     value: function renderContent(content) {
       var closeButton = this.renderCloseButton();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-inplace-content"
       }, content, closeButton);
     }
@@ -274,7 +274,7 @@ var Inplace = /*#__PURE__*/function (_Component3) {
       var _this2 = this;
 
       var active = this.isActive();
-      return React__default['default'].Children.map(this.props.children, function (child, i) {
+      return React__default["default"].Children.map(this.props.children, function (child, i) {
         if (active && child.type === InplaceContent) {
           return _this2.renderContent(child);
         } else if (!active && child.type === InplaceDisplay) {
@@ -285,10 +285,10 @@ var Inplace = /*#__PURE__*/function (_Component3) {
   }, {
     key: "render",
     value: function render() {
-      var className = core.classNames('p-inplace p-component', {
+      var className = utils.classNames('p-inplace p-component', {
         'p-inplace-closable': this.props.closable
       }, this.props.className);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: className
       }, this.renderChildren());
     }

package/inplace/inplace.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core"),n=require("primereact/button");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);function i(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t,n){return t&&a(e.prototype,t),n&&a(e,n),e}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}function p(e){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function f(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return i(e)}function y(e){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(e){var t=h();return function(){var n,r=y(e);if(t){var o=y(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return f(this,n)}}function h(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v,b,m,g=function(t){c(r,e.Component);var n=d(r);function r(){return l(this,r),n.apply(this,arguments)}return s(r,[{key:"render",value:function(){return this.props.children}}]),r}(),C=function(t){c(r,e.Component);var n=d(r);function r(){return l(this,r),n.apply(this,arguments)}return s(r,[{key:"render",value:function(){return this.props.children}}]),r}(),w=function(r){c(u,e.Component);var a=d(u);function u(e){var t;return l(this,u),(t=a.call(this,e)).props.onToggle||(t.state={active:!1}),t.open=t.open.bind(i(t)),t.close=t.close.bind(i(t)),t.onDisplayKeyDown=t.onDisplayKeyDown.bind(i(t)),t}return s(u,[{key:"open",value:function(e){this.props.disabled||(this.props.onOpen&&this.props.onOpen(e),this.props.onToggle?this.props.onToggle({originalEvent:e,value:!0}):this.setState({active:!0}))}},{key:"close",value:function(e){this.props.onClose&&this.props.onClose(e),this.props.onToggle?this.props.onToggle({originalEvent:e,value:!1}):this.setState({active:!1})}},{key:"onDisplayKeyDown",value:function(e){"Enter"===e.key&&(this.open(e),e.preventDefault())}},{key:"isActive",value:function(){return this.props.onToggle?this.props.active:this.state.active}},{key:"renderDisplay",value:function(e){var n=t.classNames("p-inplace-display",{"p-disabled":this.props.disabled});return o.default.createElement("div",{className:n,onClick:this.open,onKeyDown:this.onDisplayKeyDown,tabIndex:this.props.tabIndex,"aria-label":this.props.ariaLabel},e)}},{key:"renderCloseButton",value:function(){return this.props.closable?o.default.createElement(n.Button,{type:"button",className:"p-inplace-content-close",icon:"pi pi-times",onClick:this.close}):null}},{key:"renderContent",value:function(e){var t=this.renderCloseButton();return o.default.createElement("div",{className:"p-inplace-content"},e,t)}},{key:"renderChildren",value:function(){var e=this,t=this.isActive();return o.default.Children.map(this.props.children,(function(n,r){return t&&n.type===C?e.renderContent(n):t||n.type!==g?void 0:e.renderDisplay(n)}))}},{key:"render",value:function(){var e=t.classNames("p-inplace p-component",{"p-inplace-closable":this.props.closable},this.props.className);return o.default.createElement("div",{className:e},this.renderChildren())}}]),u}();m={style:null,className:null,active:!1,closable:!1,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null},(b="defaultProps")in(v=w)?Object.defineProperty(v,b,{value:m,enumerable:!0,configurable:!0,writable:!0}):v[b]=m,exports.Inplace=w,exports.InplaceContent=C,exports.InplaceDisplay=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/button");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);function i(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t,n){return t&&a(e.prototype,t),n&&a(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function u(e,t){return u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},u(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return i(e)}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function d(e){var t=h();return function(){var n,r=y(e);if(t){var o=y(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return f(this,n)}}function h(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b,v,m,g=function(t){c(r,e.Component);var n=d(r);function r(){return l(this,r),n.apply(this,arguments)}return s(r,[{key:"render",value:function(){return this.props.children}}]),r}(),w=function(t){c(r,e.Component);var n=d(r);function r(){return l(this,r),n.apply(this,arguments)}return s(r,[{key:"render",value:function(){return this.props.children}}]),r}(),O=function(r){c(u,e.Component);var a=d(u);function u(e){var t;return l(this,u),(t=a.call(this,e)).props.onToggle||(t.state={active:!1}),t.open=t.open.bind(i(t)),t.close=t.close.bind(i(t)),t.onDisplayKeyDown=t.onDisplayKeyDown.bind(i(t)),t}return s(u,[{key:"open",value:function(e){this.props.disabled||(this.props.onOpen&&this.props.onOpen(e),this.props.onToggle?this.props.onToggle({originalEvent:e,value:!0}):this.setState({active:!0}))}},{key:"close",value:function(e){this.props.onClose&&this.props.onClose(e),this.props.onToggle?this.props.onToggle({originalEvent:e,value:!1}):this.setState({active:!1})}},{key:"onDisplayKeyDown",value:function(e){"Enter"===e.key&&(this.open(e),e.preventDefault())}},{key:"isActive",value:function(){return this.props.onToggle?this.props.active:this.state.active}},{key:"renderDisplay",value:function(e){var n=t.classNames("p-inplace-display",{"p-disabled":this.props.disabled});return o.default.createElement("div",{className:n,onClick:this.open,onKeyDown:this.onDisplayKeyDown,tabIndex:this.props.tabIndex,"aria-label":this.props.ariaLabel},e)}},{key:"renderCloseButton",value:function(){return this.props.closable?o.default.createElement(n.Button,{type:"button",className:"p-inplace-content-close",icon:"pi pi-times",onClick:this.close}):null}},{key:"renderContent",value:function(e){var t=this.renderCloseButton();return o.default.createElement("div",{className:"p-inplace-content"},e,t)}},{key:"renderChildren",value:function(){var e=this,t=this.isActive();return o.default.Children.map(this.props.children,(function(n,r){return t&&n.type===w?e.renderContent(n):t||n.type!==g?void 0:e.renderDisplay(n)}))}},{key:"render",value:function(){var e=t.classNames("p-inplace p-component",{"p-inplace-closable":this.props.closable},this.props.className);return o.default.createElement("div",{className:e},this.renderChildren())}}]),u}();m={style:null,className:null,active:!1,closable:!1,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null},(v="defaultProps")in(b=O)?Object.defineProperty(b,v,{value:m,enumerable:!0,configurable:!0,writable:!0}):b[v]=m,exports.Inplace=O,exports.InplaceContent=w,exports.InplaceDisplay=g;