@iobroker/adapter-react-v5 4.13.0 → 4.13.2

package/Components/UploadImage.js

@@ -37,311 +37,311 @@ const Utils_1 = __importDefault(require("./Utils"));
 const i18n_1 = __importDefault(require("../i18n"));
 const Icon_1 = __importDefault(require("./Icon"));
 // import 'cropperjs/dist/cropper.css';
-const cropperStyles = `
-/*!
- * Cropper.js v1.5.12
- * https://fengyuanchen.github.io/cropperjs
- *
- * Copyright 2015-present Chen Fengyuan
- * Released under the MIT license
- *
- * Date: 2021-06-12T08:00:11.623Z
- */
-
-.cropper-container {
-  direction: ltr;
-  font-size: 0;
-  line-height: 0;
-  position: relative;
-  -ms-touch-action: none;
-  touch-action: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-.cropper-container img {
-  display: block;
-  height: 100%;
-  image-orientation: 0deg;
-  max-height: none !important;
-  max-width: none !important;
-  min-height: 0 !important;
-  min-width: 0 !important;
-  width: 100%;
-}
-
-.cropper-wrap-box,
-.cropper-canvas,
-.cropper-drag-box,
-.cropper-crop-box,
-.cropper-modal {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-
-.cropper-wrap-box,
-.cropper-canvas {
-  overflow: hidden;
-}
-
-.cropper-drag-box {
-  background-color: #fff;
-  opacity: 0;
-}
-
-.cropper-modal {
-  background-color: #000;
-  opacity: 0.5;
-}
-
-.cropper-view-box {
-  display: block;
-  height: 100%;
-  outline: 1px solid #39f;
-  outline-color: rgba(51, 153, 255, 0.75);
-  overflow: hidden;
-  width: 100%;
-}
-
-.cropper-dashed {
-  border: 0 dashed #eee;
-  display: block;
-  opacity: 0.5;
-  position: absolute;
-}
-
-.cropper-dashed.dashed-h {
-  border-bottom-width: 1px;
-  border-top-width: 1px;
-  height: calc(100% / 3);
-  left: 0;
-  top: calc(100% / 3);
-  width: 100%;
-}
-
-.cropper-dashed.dashed-v {
-  border-left-width: 1px;
-  border-right-width: 1px;
-  height: 100%;
-  left: calc(100% / 3);
-  top: 0;
-  width: calc(100% / 3);
-}
-
-.cropper-center {
-  display: block;
-  height: 0;
-  left: 50%;
-  opacity: 0.75;
-  position: absolute;
-  top: 50%;
-  width: 0;
-}
-
-.cropper-center::before,
-.cropper-center::after {
-  background-color: #eee;
-  content: ' ';
-  display: block;
-  position: absolute;
-}
-
-.cropper-center::before {
-  height: 1px;
-  left: -3px;
-  top: 0;
-  width: 7px;
-}
-
-.cropper-center::after {
-  height: 7px;
-  left: 0;
-  top: -3px;
-  width: 1px;
-}
-
-.cropper-face,
-.cropper-line,
-.cropper-point {
-  display: block;
-  height: 100%;
-  opacity: 0.1;
-  position: absolute;
-  width: 100%;
-}
-
-.cropper-face {
-  background-color: #fff;
-  left: 0;
-  top: 0;
-}
-
-.cropper-line {
-  background-color: #39f;
-}
-
-.cropper-line.line-e {
-  cursor: ew-resize;
-  right: -3px;
-  top: 0;
-  width: 5px;
-}
-
-.cropper-line.line-n {
-  cursor: ns-resize;
-  height: 5px;
-  left: 0;
-  top: -3px;
-}
-
-.cropper-line.line-w {
-  cursor: ew-resize;
-  left: -3px;
-  top: 0;
-  width: 5px;
-}
-
-.cropper-line.line-s {
-  bottom: -3px;
-  cursor: ns-resize;
-  height: 5px;
-  left: 0;
-}
-
-.cropper-point {
-  background-color: #39f;
-  height: 5px;
-  opacity: 0.75;
-  width: 5px;
-}
-
-.cropper-point.point-e {
-  cursor: ew-resize;
-  margin-top: -3px;
-  right: -3px;
-  top: 50%;
-}
-
-.cropper-point.point-n {
-  cursor: ns-resize;
-  left: 50%;
-  margin-left: -3px;
-  top: -3px;
-}
-
-.cropper-point.point-w {
-  cursor: ew-resize;
-  left: -3px;
-  margin-top: -3px;
-  top: 50%;
-}
-
-.cropper-point.point-s {
-  bottom: -3px;
-  cursor: s-resize;
-  left: 50%;
-  margin-left: -3px;
-}
-
-.cropper-point.point-ne {
-  cursor: nesw-resize;
-  right: -3px;
-  top: -3px;
-}
-
-.cropper-point.point-nw {
-  cursor: nwse-resize;
-  left: -3px;
-  top: -3px;
-}
-
-.cropper-point.point-sw {
-  bottom: -3px;
-  cursor: nesw-resize;
-  left: -3px;
-}
-
-.cropper-point.point-se {
-  bottom: -3px;
-  cursor: nwse-resize;
-  height: 20px;
-  opacity: 1;
-  right: -3px;
-  width: 20px;
-}
-
-@media (min-width: 768px) {
-  .cropper-point.point-se {
-    height: 15px;
-    width: 15px;
-  }
-}
-
-@media (min-width: 992px) {
-  .cropper-point.point-se {
-    height: 10px;
-    width: 10px;
-  }
-}
-
-@media (min-width: 1200px) {
-  .cropper-point.point-se {
-    height: 5px;
-    opacity: 0.75;
-    width: 5px;
-  }
-}
-
-.cropper-point.point-se::before {
-  background-color: #39f;
-  bottom: -50%;
-  content: ' ';
-  display: block;
-  height: 200%;
-  opacity: 0;
-  position: absolute;
-  right: -50%;
-  width: 200%;
-}
-
-.cropper-invisible {
-  opacity: 0;
-}
-
-.cropper-bg {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
-}
-
-.cropper-hide {
-  display: block;
-  height: 0;
-  position: absolute;
-  width: 0;
-}
-
-.cropper-hidden {
-  display: none !important;
-}
-
-.cropper-move {
-  cursor: move;
-}
-
-.cropper-crop {
-  cursor: crosshair;
-}
-
-.cropper-disabled .cropper-drag-box,
-.cropper-disabled .cropper-face,
-.cropper-disabled .cropper-line,
-.cropper-disabled .cropper-point {
-  cursor: not-allowed;
-}
+const cropperStyles = `
+/*!
+ * Cropper.js v1.5.12
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2021-06-12T08:00:11.623Z
+ */
+
+.cropper-container {
+  direction: ltr;
+  font-size: 0;
+  line-height: 0;
+  position: relative;
+  -ms-touch-action: none;
+  touch-action: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.cropper-container img {
+  display: block;
+  height: 100%;
+  image-orientation: 0deg;
+  max-height: none !important;
+  max-width: none !important;
+  min-height: 0 !important;
+  min-width: 0 !important;
+  width: 100%;
+}
+
+.cropper-wrap-box,
+.cropper-canvas,
+.cropper-drag-box,
+.cropper-crop-box,
+.cropper-modal {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.cropper-wrap-box,
+.cropper-canvas {
+  overflow: hidden;
+}
+
+.cropper-drag-box {
+  background-color: #fff;
+  opacity: 0;
+}
+
+.cropper-modal {
+  background-color: #000;
+  opacity: 0.5;
+}
+
+.cropper-view-box {
+  display: block;
+  height: 100%;
+  outline: 1px solid #39f;
+  outline-color: rgba(51, 153, 255, 0.75);
+  overflow: hidden;
+  width: 100%;
+}
+
+.cropper-dashed {
+  border: 0 dashed #eee;
+  display: block;
+  opacity: 0.5;
+  position: absolute;
+}
+
+.cropper-dashed.dashed-h {
+  border-bottom-width: 1px;
+  border-top-width: 1px;
+  height: calc(100% / 3);
+  left: 0;
+  top: calc(100% / 3);
+  width: 100%;
+}
+
+.cropper-dashed.dashed-v {
+  border-left-width: 1px;
+  border-right-width: 1px;
+  height: 100%;
+  left: calc(100% / 3);
+  top: 0;
+  width: calc(100% / 3);
+}
+
+.cropper-center {
+  display: block;
+  height: 0;
+  left: 50%;
+  opacity: 0.75;
+  position: absolute;
+  top: 50%;
+  width: 0;
+}
+
+.cropper-center::before,
+.cropper-center::after {
+  background-color: #eee;
+  content: ' ';
+  display: block;
+  position: absolute;
+}
+
+.cropper-center::before {
+  height: 1px;
+  left: -3px;
+  top: 0;
+  width: 7px;
+}
+
+.cropper-center::after {
+  height: 7px;
+  left: 0;
+  top: -3px;
+  width: 1px;
+}
+
+.cropper-face,
+.cropper-line,
+.cropper-point {
+  display: block;
+  height: 100%;
+  opacity: 0.1;
+  position: absolute;
+  width: 100%;
+}
+
+.cropper-face {
+  background-color: #fff;
+  left: 0;
+  top: 0;
+}
+
+.cropper-line {
+  background-color: #39f;
+}
+
+.cropper-line.line-e {
+  cursor: ew-resize;
+  right: -3px;
+  top: 0;
+  width: 5px;
+}
+
+.cropper-line.line-n {
+  cursor: ns-resize;
+  height: 5px;
+  left: 0;
+  top: -3px;
+}
+
+.cropper-line.line-w {
+  cursor: ew-resize;
+  left: -3px;
+  top: 0;
+  width: 5px;
+}
+
+.cropper-line.line-s {
+  bottom: -3px;
+  cursor: ns-resize;
+  height: 5px;
+  left: 0;
+}
+
+.cropper-point {
+  background-color: #39f;
+  height: 5px;
+  opacity: 0.75;
+  width: 5px;
+}
+
+.cropper-point.point-e {
+  cursor: ew-resize;
+  margin-top: -3px;
+  right: -3px;
+  top: 50%;
+}
+
+.cropper-point.point-n {
+  cursor: ns-resize;
+  left: 50%;
+  margin-left: -3px;
+  top: -3px;
+}
+
+.cropper-point.point-w {
+  cursor: ew-resize;
+  left: -3px;
+  margin-top: -3px;
+  top: 50%;
+}
+
+.cropper-point.point-s {
+  bottom: -3px;
+  cursor: s-resize;
+  left: 50%;
+  margin-left: -3px;
+}
+
+.cropper-point.point-ne {
+  cursor: nesw-resize;
+  right: -3px;
+  top: -3px;
+}
+
+.cropper-point.point-nw {
+  cursor: nwse-resize;
+  left: -3px;
+  top: -3px;
+}
+
+.cropper-point.point-sw {
+  bottom: -3px;
+  cursor: nesw-resize;
+  left: -3px;
+}
+
+.cropper-point.point-se {
+  bottom: -3px;
+  cursor: nwse-resize;
+  height: 20px;
+  opacity: 1;
+  right: -3px;
+  width: 20px;
+}
+
+@media (min-width: 768px) {
+  .cropper-point.point-se {
+    height: 15px;
+    width: 15px;
+  }
+}
+
+@media (min-width: 992px) {
+  .cropper-point.point-se {
+    height: 10px;
+    width: 10px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .cropper-point.point-se {
+    height: 5px;
+    opacity: 0.75;
+    width: 5px;
+  }
+}
+
+.cropper-point.point-se::before {
+  background-color: #39f;
+  bottom: -50%;
+  content: ' ';
+  display: block;
+  height: 200%;
+  opacity: 0;
+  position: absolute;
+  right: -50%;
+  width: 200%;
+}
+
+.cropper-invisible {
+  opacity: 0;
+}
+
+.cropper-bg {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
+}
+
+.cropper-hide {
+  display: block;
+  height: 0;
+  position: absolute;
+  width: 0;
+}
+
+.cropper-hidden {
+  display: none !important;
+}
+
+.cropper-move {
+  cursor: move;
+}
+
+.cropper-crop {
+  cursor: crosshair;
+}
+
+.cropper-disabled .cropper-drag-box,
+.cropper-disabled .cropper-face,
+.cropper-disabled .cropper-line,
+.cropper-disabled .cropper-point {
+  cursor: not-allowed;
+}
 `;
 const styles = {
     dropZone: {

package/Components/UploadImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadImage.js","names":["_react","require","_propTypes","_interopRequireDefault","_reactDropzone","_reactCropper","_styles","_material","_iconsMaterial","_fa","_Utils","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","cropperStyles","styles","dropZone","width","height","position","dropZoneEmpty","image","objectFit","margin","display","uploadDiv","opacity","marginTop","cursor","outline","uploadDivDragging","background","uploadCenterDiv","border","borderRadius","uploadCenterIcon","paddingTop","uploadCenterText","fontSize","uploadCenterTextAndIcon","textAlign","top","bottom","left","right","flexDirection","alignItems","justifyContent","disabledOpacity","buttonRemoveWrapper","zIndex","buttonCropWrapper","error","boxSizing","UploadImage","_Component","_inherits2","props","_this","_classCallCheck2","state","uploadFile","anchorEl","cropHandler","cropperRef","createRef","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","onDrop","acceptedFiles","_this$props","maxSize","onChange","file","reader","FileReader","onabort","console","log","onerror","onload","ext","concat","name","split","pop","toLowerCase","includes","size","alert","Math","round","base64","btoa","Uint8Array","result","reduce","data","byte","String","fromCharCode","readAsArrayBuffer","render","_this2","_this$props2","disabled","classes","icon","removeIconFunc","accept","crop","_this$state","React","multiple","onDragEnter","setState","onDragLeave","errors","length","message","_ref","getRootProps","getInputProps","_extends2","className","Utils","clsx","FaFileUpload","Tooltip","title","IconButton","onClick","stopPropagation","Close","currentTarget","Crop","color","Menu","keepMounted","open","onClose","MenuItem","_this2$cropperRef","imageElement","current","cropper","getCroppedCanvas","toDataURL","src","alt","Cropper","ref","initialAspectRatio","viewMode","guides","minCropBoxHeight","minCropBoxWidth","checkOrientation","Component","defaultProps","el","propTypes","PropTypes","object","number","bool","func","string","_default","exports","withStyles"],"sources":["UploadImage.jsx"],"sourcesContent":["import { Component, createRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Dropzone from 'react-dropzone';\r\nimport { Cropper } from 'react-cropper';\r\n\r\nimport { withStyles } from '@mui/styles';\r\nimport {\r\n    Menu, MenuItem, Tooltip, IconButton,\r\n} from '@mui/material';\r\n\r\nimport {\r\n    Close as IconClose,\r\n    Crop as CropIcon,\r\n} from '@mui/icons-material';\r\nimport { FaFileUpload as UploadIcon } from 'react-icons/fa';\r\n\r\nimport Utils from './Utils';\r\n\r\n// import 'cropperjs/dist/cropper.css';\r\nconst cropperStyles = `\r\n/*!\r\n * Cropper.js v1.5.12\r\n * https://fengyuanchen.github.io/cropperjs\r\n *\r\n * Copyright 2015-present Chen Fengyuan\r\n * Released under the MIT license\r\n *\r\n * Date: 2021-06-12T08:00:11.623Z\r\n */\r\n\r\n.cropper-container {\r\n  direction: ltr;\r\n  font-size: 0;\r\n  line-height: 0;\r\n  position: relative;\r\n  -ms-touch-action: none;\r\n  touch-action: none;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n}\r\n\r\n.cropper-container img {\r\n  display: block;\r\n  height: 100%;\r\n  image-orientation: 0deg;\r\n  max-height: none !important;\r\n  max-width: none !important;\r\n  min-height: 0 !important;\r\n  min-width: 0 !important;\r\n  width: 100%;\r\n}\r\n\r\n.cropper-wrap-box,\r\n.cropper-canvas,\r\n.cropper-drag-box,\r\n.cropper-crop-box,\r\n.cropper-modal {\r\n  bottom: 0;\r\n  left: 0;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n.cropper-wrap-box,\r\n.cropper-canvas {\r\n  overflow: hidden;\r\n}\r\n\r\n.cropper-drag-box {\r\n  background-color: #fff;\r\n  opacity: 0;\r\n}\r\n\r\n.cropper-modal {\r\n  background-color: #000;\r\n  opacity: 0.5;\r\n}\r\n\r\n.cropper-view-box {\r\n  display: block;\r\n  height: 100%;\r\n  outline: 1px solid #39f;\r\n  outline-color: rgba(51, 153, 255, 0.75);\r\n  overflow: hidden;\r\n  width: 100%;\r\n}\r\n\r\n.cropper-dashed {\r\n  border: 0 dashed #eee;\r\n  display: block;\r\n  opacity: 0.5;\r\n  position: absolute;\r\n}\r\n\r\n.cropper-dashed.dashed-h {\r\n  border-bottom-width: 1px;\r\n  border-top-width: 1px;\r\n  height: calc(100% / 3);\r\n  left: 0;\r\n  top: calc(100% / 3);\r\n  width: 100%;\r\n}\r\n\r\n.cropper-dashed.dashed-v {\r\n  border-left-width: 1px;\r\n  border-right-width: 1px;\r\n  height: 100%;\r\n  left: calc(100% / 3);\r\n  top: 0;\r\n  width: calc(100% / 3);\r\n}\r\n\r\n.cropper-center {\r\n  display: block;\r\n  height: 0;\r\n  left: 50%;\r\n  opacity: 0.75;\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 0;\r\n}\r\n\r\n.cropper-center::before,\r\n.cropper-center::after {\r\n  background-color: #eee;\r\n  content: ' ';\r\n  display: block;\r\n  position: absolute;\r\n}\r\n\r\n.cropper-center::before {\r\n  height: 1px;\r\n  left: -3px;\r\n  top: 0;\r\n  width: 7px;\r\n}\r\n\r\n.cropper-center::after {\r\n  height: 7px;\r\n  left: 0;\r\n  top: -3px;\r\n  width: 1px;\r\n}\r\n\r\n.cropper-face,\r\n.cropper-line,\r\n.cropper-point {\r\n  display: block;\r\n  height: 100%;\r\n  opacity: 0.1;\r\n  position: absolute;\r\n  width: 100%;\r\n}\r\n\r\n.cropper-face {\r\n  background-color: #fff;\r\n  left: 0;\r\n  top: 0;\r\n}\r\n\r\n.cropper-line {\r\n  background-color: #39f;\r\n}\r\n\r\n.cropper-line.line-e {\r\n  cursor: ew-resize;\r\n  right: -3px;\r\n  top: 0;\r\n  width: 5px;\r\n}\r\n\r\n.cropper-line.line-n {\r\n  cursor: ns-resize;\r\n  height: 5px;\r\n  left: 0;\r\n  top: -3px;\r\n}\r\n\r\n.cropper-line.line-w {\r\n  cursor: ew-resize;\r\n  left: -3px;\r\n  top: 0;\r\n  width: 5px;\r\n}\r\n\r\n.cropper-line.line-s {\r\n  bottom: -3px;\r\n  cursor: ns-resize;\r\n  height: 5px;\r\n  left: 0;\r\n}\r\n\r\n.cropper-point {\r\n  background-color: #39f;\r\n  height: 5px;\r\n  opacity: 0.75;\r\n  width: 5px;\r\n}\r\n\r\n.cropper-point.point-e {\r\n  cursor: ew-resize;\r\n  margin-top: -3px;\r\n  right: -3px;\r\n  top: 50%;\r\n}\r\n\r\n.cropper-point.point-n {\r\n  cursor: ns-resize;\r\n  left: 50%;\r\n  margin-left: -3px;\r\n  top: -3px;\r\n}\r\n\r\n.cropper-point.point-w {\r\n  cursor: ew-resize;\r\n  left: -3px;\r\n  margin-top: -3px;\r\n  top: 50%;\r\n}\r\n\r\n.cropper-point.point-s {\r\n  bottom: -3px;\r\n  cursor: s-resize;\r\n  left: 50%;\r\n  margin-left: -3px;\r\n}\r\n\r\n.cropper-point.point-ne {\r\n  cursor: nesw-resize;\r\n  right: -3px;\r\n  top: -3px;\r\n}\r\n\r\n.cropper-point.point-nw {\r\n  cursor: nwse-resize;\r\n  left: -3px;\r\n  top: -3px;\r\n}\r\n\r\n.cropper-point.point-sw {\r\n  bottom: -3px;\r\n  cursor: nesw-resize;\r\n  left: -3px;\r\n}\r\n\r\n.cropper-point.point-se {\r\n  bottom: -3px;\r\n  cursor: nwse-resize;\r\n  height: 20px;\r\n  opacity: 1;\r\n  right: -3px;\r\n  width: 20px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .cropper-point.point-se {\r\n    height: 15px;\r\n    width: 15px;\r\n  }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .cropper-point.point-se {\r\n    height: 10px;\r\n    width: 10px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n  .cropper-point.point-se {\r\n    height: 5px;\r\n    opacity: 0.75;\r\n    width: 5px;\r\n  }\r\n}\r\n\r\n.cropper-point.point-se::before {\r\n  background-color: #39f;\r\n  bottom: -50%;\r\n  content: ' ';\r\n  display: block;\r\n  height: 200%;\r\n  opacity: 0;\r\n  position: absolute;\r\n  right: -50%;\r\n  width: 200%;\r\n}\r\n\r\n.cropper-invisible {\r\n  opacity: 0;\r\n}\r\n\r\n.cropper-bg {\r\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');\r\n}\r\n\r\n.cropper-hide {\r\n  display: block;\r\n  height: 0;\r\n  position: absolute;\r\n  width: 0;\r\n}\r\n\r\n.cropper-hidden {\r\n  display: none !important;\r\n}\r\n\r\n.cropper-move {\r\n  cursor: move;\r\n}\r\n\r\n.cropper-crop {\r\n  cursor: crosshair;\r\n}\r\n\r\n.cropper-disabled .cropper-drag-box,\r\n.cropper-disabled .cropper-face,\r\n.cropper-disabled .cropper-line,\r\n.cropper-disabled .cropper-point {\r\n  cursor: not-allowed;\r\n}\r\n`;\r\n\r\nconst styles = () => ({\r\n    dropZone: {\r\n        width: '100%',\r\n        height: 100,\r\n        position: 'relative',\r\n    },\r\n    dropZoneEmpty: {\r\n\r\n    },\r\n    image: {\r\n        objectFit: 'contain',\r\n        margin: 'auto',\r\n        display: 'flex',\r\n        width: '100%',\r\n        height: '100%',\r\n    },\r\n\r\n    uploadDiv: {\r\n        position: 'relative',\r\n        width: '100%',\r\n        height: 300,\r\n        opacity: 0.9,\r\n        marginTop: 30,\r\n        cursor: 'pointer',\r\n        outline: 'none',\r\n    },\r\n    uploadDivDragging: {\r\n        opacity: 1,\r\n        background: 'rgba(128,255,128,0.1)',\r\n    },\r\n\r\n    uploadCenterDiv: {\r\n        margin: 5,\r\n        border: '3px dashed grey',\r\n        borderRadius: 5,\r\n        width: 'calc(100% - 10px)',\r\n        height: 'calc(100% - 10px)',\r\n        position: 'relative',\r\n        display: 'flex',\r\n    },\r\n    uploadCenterIcon: {\r\n        paddingTop: 10,\r\n        width: 48,\r\n        height: 48,\r\n    },\r\n    uploadCenterText: {\r\n        fontSize: 16,\r\n    },\r\n    uploadCenterTextAndIcon: {\r\n        textAlign: 'center',\r\n        position: 'absolute',\r\n        top: 0,\r\n        bottom: 0,\r\n        left: 0,\r\n        right: 0,\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n\r\n    },\r\n    disabledOpacity: {\r\n        opacity: 0.3,\r\n        cursor: 'default',\r\n    },\r\n    buttonRemoveWrapper: {\r\n        position: 'absolute',\r\n        zIndex: 222,\r\n        right: 0,\r\n    },\r\n    buttonCropWrapper: {\r\n        position: 'absolute',\r\n        zIndex: 222,\r\n        right: 0,\r\n        top: 50,\r\n    },\r\n    error: {\r\n        border: '2px solid red',\r\n        boxSizing: 'border-box',\r\n    },\r\n});\r\n\r\nclass UploadImage extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            uploadFile: false,\r\n            anchorEl: null,\r\n            cropHandler: false,\r\n        };\r\n        this.cropperRef = createRef();\r\n\r\n        if (!window.document.getElementById('cropper-style-json-component')) {\r\n            const style = window.document.createElement('style');\r\n            style.setAttribute('id', 'cropper-style-json-component');\r\n            style.innerHTML = cropperStyles;\r\n            window.document.head.appendChild(style);\r\n        }\r\n    }\r\n\r\n    onDrop(acceptedFiles) {\r\n        const { maxSize, t, onChange } = this.props;\r\n\r\n        const file = acceptedFiles[0];\r\n        const reader = new FileReader();\r\n\r\n        reader.onabort = () => console.log('file reading was aborted');\r\n        reader.onerror = () => console.log('file reading has failed');\r\n        reader.onload = () => {\r\n            let ext = `image/${file.name.split('.').pop().toLowerCase()}`;\r\n            if (ext === 'image/jpg') {\r\n                ext = 'image/jpeg';\r\n            } else if (ext.includes('svg')) {\r\n                ext = 'image/svg+xml';\r\n            }\r\n            if (file.size > maxSize) {\r\n                window.alert(t('ra_File is too big. Max %sk allowed. Try use SVG.', Math.round(maxSize / 1024)));\r\n            } else {\r\n                const base64 = `data:${ext};base64,${btoa(\r\n                    new Uint8Array(reader.result)\r\n                        .reduce((data, byte) => data + String.fromCharCode(byte), ''),\r\n                )}`;\r\n\r\n                onChange(base64);\r\n            }\r\n        };\r\n        reader.readAsArrayBuffer(file);\r\n    }\r\n\r\n    render() {\r\n        const {\r\n            disabled, maxSize, classes, icon, t, removeIconFunc, accept, error, crop, onChange,\r\n        } = this.props;\r\n        const { uploadFile, anchorEl, cropHandler } = this.state;\r\n        return <Dropzone\r\n            disabled={disabled || cropHandler}\r\n            key=\"dropzone\"\r\n            multiple={false}\r\n            accept={accept}\r\n            maxSize={maxSize}\r\n            onDragEnter={() => this.setState({ uploadFile: 'dragging' })}\r\n            onDragLeave={() => this.setState({ uploadFile: true })}\r\n            onDrop={(acceptedFiles, errors) => {\r\n                this.setState({ uploadFile: false });\r\n                if (!acceptedFiles.length) {\r\n                    window.alert((errors && errors[0] && errors[0].errors && errors[0].errors[0] && errors[0].errors[0].message) || t('ra_Cannot upload'));\r\n                } else {\r\n                    this.onDrop(acceptedFiles);\r\n                }\r\n            }}\r\n        >\r\n            {({ getRootProps, getInputProps }) => <div\r\n                className={Utils.clsx(\r\n                    classes.uploadDiv,\r\n                    uploadFile === 'dragging' && classes.uploadDivDragging,\r\n                    classes.dropZone,\r\n                    disabled && classes.disabledOpacity,\r\n                    !icon && classes.dropZoneEmpty,\r\n                )}\r\n                {...getRootProps()}\r\n            >\r\n                <input {...getInputProps()} />\r\n                <div className={Utils.clsx(classes.uploadCenterDiv, error && classes.error)}>\r\n                    {!icon ? <div className={classes.uploadCenterTextAndIcon}>\r\n                        <UploadIcon className={classes.uploadCenterIcon} />\r\n                        <div className={classes.uploadCenterText}>\r\n                            {\r\n                                uploadFile === 'dragging' ? t('ra_Drop file here') :\r\n                                    t('ra_Place your files here or click here to open the browse dialog')\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                        :\r\n                        removeIconFunc && !cropHandler && <div className={classes.buttonRemoveWrapper}>\r\n                            <Tooltip title={t('ra_Clear')}>\r\n                                <IconButton\r\n                                    size=\"large\"\r\n                                    onClick={e => {\r\n                                        removeIconFunc && removeIconFunc();\r\n                                        e.stopPropagation();\r\n                                    }}\r\n                                >\r\n                                    <IconClose />\r\n                                </IconButton>\r\n                            </Tooltip>\r\n                        </div>}\r\n                    {icon && crop && <div className={classes.buttonCropWrapper}>\r\n                        <Tooltip title={t('ra_Crop')}>\r\n                            <IconButton\r\n                                size=\"large\"\r\n                                onClick={e => {\r\n                                    if (!cropHandler) {\r\n                                        this.setState({ cropHandler: true });\r\n                                    } else {\r\n                                        this.setState({ anchorEl: e.currentTarget });\r\n                                    }\r\n                                    e.stopPropagation();\r\n                                }}\r\n                            >\r\n                                <CropIcon color={cropHandler ? 'primary' : 'inherit'} />\r\n                            </IconButton>\r\n                        </Tooltip>\r\n                        <Menu\r\n                            anchorEl={anchorEl}\r\n                            keepMounted\r\n                            open={Boolean(anchorEl)}\r\n                            onClose={() => this.setState({ anchorEl: null })}\r\n                        >\r\n                            <MenuItem onClick={() => this.setState({ anchorEl: null, cropHandler: false }, () => {\r\n                                const imageElement = this.cropperRef?.current?.cropper;\r\n                                onChange(imageElement.getCroppedCanvas().toDataURL());\r\n                            })}\r\n                            >\r\n                                {t('ra_Save')}\r\n                            </MenuItem>\r\n                            <MenuItem onClick={() => this.setState({ anchorEl: null, cropHandler: false })}>{t('ra_Close')}</MenuItem>\r\n                        </Menu>\r\n                    </div>}\r\n                    {icon && !cropHandler ? <img src={icon} className={classes.image} alt=\"icon\" /> : null}\r\n\r\n                    {icon && crop && cropHandler ? <Cropper\r\n                        ref={this.cropperRef}\r\n                        className={classes.image}\r\n                        src={icon}\r\n                        initialAspectRatio={1}\r\n                        viewMode={1}\r\n                        guides={false}\r\n                        minCropBoxHeight={10}\r\n                        minCropBoxWidth={10}\r\n                        background={false}\r\n                        checkOrientation={false}\r\n                    /> : null}\r\n                </div>\r\n            </div>}\r\n        </Dropzone>;\r\n    }\r\n}\r\n\r\nUploadImage.defaultProps = {\r\n    disabled: false,\r\n    maxSize: 10 * 1024,\r\n    icon: null,\r\n    removeIconFunc: null,\r\n    accept: { 'image/*': [] },\r\n    error: false,\r\n    onChange: base64 => console.log(base64),\r\n    t: el => el,\r\n    crop: false,\r\n};\r\n\r\nUploadImage.propTypes = {\r\n    classes: PropTypes.object,\r\n    maxSize: PropTypes.number,\r\n    disabled: PropTypes.bool,\r\n    crop: PropTypes.bool,\r\n    error: PropTypes.bool,\r\n    onChange: PropTypes.func,\r\n    icon: PropTypes.string,\r\n    removeIconFunc: PropTypes.func,\r\n    accept: PropTypes.object,\r\n    t: PropTypes.func,\r\n};\r\n\r\nexport default withStyles(styles)(UploadImage);\r\n"],"mappings":"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"}