primereact 7.0.1 → 7.2.1

package/gmap/gmap.js

@@ -25,6 +25,9 @@ this.primereact.gmap = (function (exports, React) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -49,23 +52,20 @@ this.primereact.gmap = (function (exports, React) {
         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 _assertThisInitialized(self) {
@@ -108,7 +108,7 @@ this.primereact.gmap = (function (exports, React) {
     return obj;
   }
 
-  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
   function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 

package/gmap/gmap.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.gmap=function(t,e){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=n(e);function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function i(t,e){return i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i(t,e)}function u(t){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},u(t)}function s(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function c(t,e){if(e&&("object"===u(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return s(t)}function p(t){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},p(t)}function f(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=y(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return i=t.done,t},e:function(t){l=!0,a=t},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw a}}}}function y(t,e){if(t){if("string"==typeof t)return v(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(t,e):void 0}}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function d(){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(t){return!1}}var h,b,m,g=function(t){l(v,t);var e,n,i,u,s,y=(e=v,n=d(),function(){var t,r=p(e);if(n){var o=p(this).constructor;t=Reflect.construct(r,arguments,o)}else t=r.apply(this,arguments);return c(this,t)});function v(){return o(this,v),y.apply(this,arguments)}return i=v,(u=[{key:"initMap",value:function(){this.map=new google.maps.Map(this.container,this.props.options),this.props.onMapReady&&this.props.onMapReady({map:this.map}),this.initOverlays(this.props.overlays),this.bindMapEvent("click",this.props.onMapClick),this.bindMapEvent("dragend",this.props.onMapDragEnd),this.bindMapEvent("zoom_changed",this.props.onZoomChanged)}},{key:"initOverlays",value:function(t){if(t){var e,n=f(t);try{for(n.s();!(e=n.n()).done;){var r=e.value;r.setMap(this.map),this.bindOverlayEvents(r)}}catch(t){n.e(t)}finally{n.f()}}}},{key:"bindOverlayEvents",value:function(t){var e=this;t.addListener("click",(function(n){e.props.onOverlayClick&&e.props.onOverlayClick({originalEvent:n,overlay:t,map:e.map})})),t.getDraggable()&&this.bindDragEvents(t)}},{key:"bindDragEvents",value:function(t){this.bindDragEvent(t,"dragstart",this.props.onOverlayDragStart),this.bindDragEvent(t,"drag",this.props.onOverlayDrag),this.bindDragEvent(t,"dragend",this.props.onOverlayDragEnd)}},{key:"bindMapEvent",value:function(t,e){this.map.addListener(t,(function(t){e&&e(t)}))}},{key:"bindDragEvent",value:function(t,e,n){var r=this;t.addListener(e,(function(e){n&&n({originalEvent:e,overlay:t,map:r.map})}))}},{key:"getMap",value:function(){return this.map}},{key:"componentDidUpdate",value:function(t,e,n){if(t.overlays!==this.props.overlays){if(t.overlays){var r,o=f(t.overlays);try{for(o.s();!(r=o.n()).done;){var a=r.value;google.maps.event.clearInstanceListeners(a),a.setMap(null)}}catch(t){o.e(t)}finally{o.f()}}this.initOverlays(this.props.overlays)}}},{key:"componentDidMount",value:function(){this.initMap()}},{key:"render",value:function(){var t=this;return r.default.createElement("div",{ref:function(e){return t.container=e},style:this.props.style,className:this.props.className})}}])&&a(i.prototype,u),s&&a(i,s),v}(e.Component);return m={options:null,overlays:null,style:null,className:null,onMapReady:null,onMapClick:null,onMapDragEnd:null,onZoomChanged:null,onOverlayDragStart:null,onOverlayDrag:null,onOverlayDragEnd:null,onOverlayClick:null},(b="defaultProps")in(h=g)?Object.defineProperty(h,b,{value:m,enumerable:!0,configurable:!0,writable:!0}):h[b]=m,t.GMap=g,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React);
+this.primereact=this.primereact||{},this.primereact.gmap=function(t,e){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=n(e);function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function i(t,e){return i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&i(t,e)}function u(t){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},u(t)}function s(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function c(t,e){if(e&&("object"===u(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return s(t)}function p(t){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},p(t)}function f(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=y(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return i=t.done,t},e:function(t){l=!0,a=t},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw a}}}}function y(t,e){if(t){if("string"==typeof t)return v(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(t,e):void 0}}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function d(){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(t){return!1}}var h,b,m,g=function(t){l(v,t);var e,n,i,u,s,y=(e=v,n=d(),function(){var t,r=p(e);if(n){var o=p(this).constructor;t=Reflect.construct(r,arguments,o)}else t=r.apply(this,arguments);return c(this,t)});function v(){return o(this,v),y.apply(this,arguments)}return i=v,(u=[{key:"initMap",value:function(){this.map=new google.maps.Map(this.container,this.props.options),this.props.onMapReady&&this.props.onMapReady({map:this.map}),this.initOverlays(this.props.overlays),this.bindMapEvent("click",this.props.onMapClick),this.bindMapEvent("dragend",this.props.onMapDragEnd),this.bindMapEvent("zoom_changed",this.props.onZoomChanged)}},{key:"initOverlays",value:function(t){if(t){var e,n=f(t);try{for(n.s();!(e=n.n()).done;){var r=e.value;r.setMap(this.map),this.bindOverlayEvents(r)}}catch(t){n.e(t)}finally{n.f()}}}},{key:"bindOverlayEvents",value:function(t){var e=this;t.addListener("click",(function(n){e.props.onOverlayClick&&e.props.onOverlayClick({originalEvent:n,overlay:t,map:e.map})})),t.getDraggable()&&this.bindDragEvents(t)}},{key:"bindDragEvents",value:function(t){this.bindDragEvent(t,"dragstart",this.props.onOverlayDragStart),this.bindDragEvent(t,"drag",this.props.onOverlayDrag),this.bindDragEvent(t,"dragend",this.props.onOverlayDragEnd)}},{key:"bindMapEvent",value:function(t,e){this.map.addListener(t,(function(t){e&&e(t)}))}},{key:"bindDragEvent",value:function(t,e,n){var r=this;t.addListener(e,(function(e){n&&n({originalEvent:e,overlay:t,map:r.map})}))}},{key:"getMap",value:function(){return this.map}},{key:"componentDidUpdate",value:function(t,e,n){if(t.overlays!==this.props.overlays){if(t.overlays){var r,o=f(t.overlays);try{for(o.s();!(r=o.n()).done;){var a=r.value;google.maps.event.clearInstanceListeners(a),a.setMap(null)}}catch(t){o.e(t)}finally{o.f()}}this.initOverlays(this.props.overlays)}}},{key:"componentDidMount",value:function(){this.initMap()}},{key:"render",value:function(){var t=this;return r.default.createElement("div",{ref:function(e){return t.container=e},style:this.props.style,className:this.props.className})}}])&&a(i.prototype,u),s&&a(i,s),Object.defineProperty(i,"prototype",{writable:!1}),v}(e.Component);return m={options:null,overlays:null,style:null,className:null,onMapReady:null,onMapClick:null,onMapDragEnd:null,onZoomChanged:null,onOverlayDragStart:null,onOverlayDrag:null,onOverlayDragEnd:null,onOverlayClick:null},(b="defaultProps")in(h=g)?Object.defineProperty(h,b,{value:m,enumerable:!0,configurable:!0,writable:!0}):h[b]=m,t.GMap=g,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React);

package/image/image.cjs.js

@@ -32,6 +32,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;
 }
 
@@ -64,23 +67,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) {
@@ -137,6 +137,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));
@@ -189,6 +190,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;
+      utils.DomHandler.saveAs({
+        name: name,
+        src: src
+      });
+      this.previewClick = true;
+    }
   }, {
     key: "rotateRight",
     value: function rotateRight() {
@@ -273,6 +286,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 + ')'
       };
@@ -286,7 +300,13 @@ var Image = /*#__PURE__*/function (_Component) {
         onClick: this.onMaskClick
       }, /*#__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"
@@ -321,7 +341,7 @@ var Image = /*#__PURE__*/function (_Component) {
       }))), /*#__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
@@ -354,11 +374,11 @@ var Image = /*#__PURE__*/function (_Component) {
       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;
+      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;
@@ -388,6 +408,7 @@ var Image = /*#__PURE__*/function (_Component) {
 _defineProperty(Image, "defaultProps", {
   preview: false,
   className: null,
+  downloadable: false,
   style: null,
   imageStyle: null,
   imageClassName: null,

package/image/image.cjs.min.js

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

package/image/image.d.ts

@@ -3,6 +3,7 @@ import * as React from 'react';
 export interface ImageProps {
     preview?: boolean;
     className?: string;
+    downloadable?: boolean;
     style?: string;
     imageStyle?: string;
     imageClassName?: string;

package/image/image.esm.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { CSSTransition } from 'primereact/csstransition';
-import { ZIndexUtils, DomHandler, classNames, ObjectUtils } from 'primereact/utils';
+import { DomHandler, ZIndexUtils, classNames, ObjectUtils } from 'primereact/utils';
 import { Portal } from 'primereact/portal';
 import PrimeReact from 'primereact/api';
 
@@ -23,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;
 }
 
@@ -55,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) {
@@ -128,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));
@@ -180,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() {
@@ -264,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 + ')'
       };
@@ -277,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"
@@ -312,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
@@ -345,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;
@@ -379,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{CSSTransition as i}from"primereact/csstransition";import{ZIndexUtils as n,DomHandler 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}}),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 v(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 d(){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,g=function(m){f(C,t);var h,b,k,E,g,w=(h=C,b=d(),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 v(this,e)});function C(t){var i;return c(this,C),(i=w.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.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:"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(){n.set("modal",this.mask,l.autoZIndex,l.zIndex.modal)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){o.addClass(this.mask,"p-component-overlay-leave")}},{key:"onExiting",value:function(){this.props.onHide&&this.props.onHide()}},{key:"onExited",value:function(e){n.clear(e),this.setState({maskVisible:!1})}},{key:"componentWillUnmount",value:function(){this.mask&&n.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"},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),g&&p(k,g),C}();E={preview:!1,className:null,style:null,imageStyle:null,imageClassName:null,template:null,src:null,alt:null,width:null,height:null},(k="defaultProps")in(b=g)?Object.defineProperty(b,k,{value:E,enumerable:!0,configurable:!0,writable:!0}):b[k]=E;export{g 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

@@ -26,6 +26,9 @@ this.primereact.image = (function (exports, React, csstransition, utils, portal,
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -58,23 +61,20 @@ this.primereact.image = (function (exports, React, csstransition, utils, portal,
         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) {
@@ -131,6 +131,7 @@ this.primereact.image = (function (exports, React, csstransition, utils, portal,
       };
       _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));
@@ -183,6 +184,18 @@ this.primereact.image = (function (exports, React, csstransition, utils, portal,
 
         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() {
@@ -267,6 +280,7 @@ this.primereact.image = (function (exports, React, csstransition, utils, portal,
       value: function renderElement() {
         var _this3 = this;
 
+        var downloadable = this.props.downloadable;
         var imagePreviewStyle = {
           transform: 'rotate(' + this.state.rotate + 'deg) scale(' + this.state.scale + ')'
         };
@@ -280,7 +294,13 @@ this.primereact.image = (function (exports, React, csstransition, utils, portal,
           onClick: this.onMaskClick
         }, /*#__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"
@@ -315,7 +335,7 @@ this.primereact.image = (function (exports, React, csstransition, utils, portal,
         }))), /*#__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
@@ -348,11 +368,11 @@ this.primereact.image = (function (exports, React, csstransition, utils, portal,
         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;
+        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;
@@ -382,6 +402,7 @@ this.primereact.image = (function (exports, React, csstransition, utils, portal,
   _defineProperty(Image, "defaultProps", {
     preview: false,
     className: null,
+    downloadable: false,
     style: null,
     imageStyle: null,
     imageClassName: null,

package/image/image.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.image=function(e,t,i,n,a,o){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(t),l=r(o);function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(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 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}}),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 p(e)}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},v(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,k,g,E=function(e){f(k,e);var t,o,r,m,h,b=(t=k,o=y(),function(){var e,i=v(t);if(o){var n=v(this).constructor;e=Reflect.construct(i,arguments,n)}else e=i.apply(this,arguments);return d(this,e)});function k(e){var t;return c(this,k),(t=b.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.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=s.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:"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(){n.ZIndexUtils.set("modal",this.mask,l.default.autoZIndex,l.default.zIndex.modal)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){n.DomHandler.addClass(this.mask,"p-component-overlay-leave")}},{key:"onExiting",value:function(){this.props.onHide&&this.props.onHide()}},{key:"onExited",value:function(e){n.ZIndexUtils.clear(e),this.setState({maskVisible:!1})}},{key:"componentWillUnmount",value:function(){this.mask&&n.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 s.default.createElement("div",{ref:function(t){return e.mask=t},className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:this.onMaskClick},s.default.createElement("div",{className:"p-image-toolbar"},s.default.createElement("button",{className:"p-image-action p-link",onClick:this.rotateRight,type:"button"},s.default.createElement("i",{className:"pi pi-refresh"})),s.default.createElement("button",{className:"p-image-action p-link",onClick:this.rotateLeft,type:"button"},s.default.createElement("i",{className:"pi pi-undo"})),s.default.createElement("button",{className:"p-image-action p-link",onClick:this.zoomOut,type:"button",disabled:n},s.default.createElement("i",{className:"pi pi-search-minus"})),s.default.createElement("button",{className:"p-image-action p-link",onClick:this.zoomIn,type:"button",disabled:n},s.default.createElement("i",{className:"pi pi-search-plus"})),s.default.createElement("button",{className:"p-image-action p-link",type:"button",onClick:this.hidePreview},s.default.createElement("i",{className:"pi pi-times"}))),s.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},s.default.createElement("div",{ref:this.previewRef},s.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=n.classNames("p-image p-component",this.props.className,{"p-image-preview-container":this.props.preview}),i=this.renderElement(),o=this.props.template?n.ObjectUtils.getJSXElement(this.props.template,this.props):s.default.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),r=this.props;return s.default.createElement("span",{ref:function(t){return e.container=t},className:t,style:this.props.style},s.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&&s.default.createElement("div",{className:"p-image-preview-indicator",onClick:this.onImageClick},o),this.state.maskVisible&&s.default.createElement(a.Portal,{element:i,appendTo:document.body}))}}])&&u(r.prototype,m),h&&u(r,h),k}(t.Component);return g={preview:!1,className:null,style:null,imageStyle:null,imageClassName:null,template:null,src:null,alt:null,width:null,height:null},(k="defaultProps")in(b=E)?Object.defineProperty(b,k,{value:g,enumerable:!0,configurable:!0,writable:!0}):b[k]=g,e.Image=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.utils,primereact.portal,primereact.api);
+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

@@ -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) {