@agilemotion/oui-react-js 1.6.3 → 1.6.5

package/dist/components/ElementResizeHandler.js

@@ -4,251 +4,199 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ElementResizeHandler = void 0;
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var MIN_WIDTH = 60;
-var MIN_HEIGHT = 40;
-var FULLSCREEN_MARGINS = -10;
-var MARGINS = 4;
-
-var ElementResizeHandler = function ElementResizeHandler(pane, ghostPane) {
-  var _this = this;
-
-  _classCallCheck(this, ElementResizeHandler);
-
-  _defineProperty(this, "setBounds", function (element, x, y, w, h) {
+const MIN_WIDTH = 60;
+const MIN_HEIGHT = 40;
+const FULLSCREEN_MARGINS = -10;
+const MARGINS = 4;
+class ElementResizeHandler {
+  constructor(pane, ghostPane) {
+    this.clicked = null;
+    pane.addEventListener('mousedown', this.onMouseDown);
+    document.addEventListener('mousemove', this.onMove);
+    document.addEventListener('mouseup', this.onUp);
+    pane.addEventListener('touchstart', this.onTouchDown);
+    document.addEventListener('touchmove', this.onTouchMove);
+    document.addEventListener('touchend', this.onTouchEnd);
+    this.pane = pane;
+    this.ghostPane = ghostPane;
+    this.animate();
+  }
+  setBounds = (element, x, y, w, h) => {
     element.style.left = x + 'px';
     element.style.top = y + 'px';
     element.style.width = w + 'px';
     element.style.height = h + 'px';
-  });
-
-  _defineProperty(this, "hintHide", function () {
-    _this.setBounds(_this.ghostPane, _this.b.left, _this.b.top, _this.b.width, _this.b.height);
-
-    _this.ghostPane.style.opacity = 0;
-  });
-
-  _defineProperty(this, "onTouchDown", function (e) {
+  };
+  hintHide = () => {
+    this.setBounds(this.ghostPane, this.b.left, this.b.top, this.b.width, this.b.height);
+    this.ghostPane.style.opacity = 0;
+  };
+  onTouchDown = e => {
     alert(1);
-
-    _this.onDown(e.touches[0]);
-
+    this.onDown(e.touches[0]);
     e.preventDefault();
-  });
-
-  _defineProperty(this, "onTouchMove", function (e) {
+  };
+  onTouchMove = e => {
     alert(1);
-
-    _this.onMove(e.touches[0]);
-  });
-
-  _defineProperty(this, "onTouchEnd", function (e) {
+    this.onMove(e.touches[0]);
+  };
+  onTouchEnd = e => {
     alert(1);
-
     if (e.touches.length === 0) {
-      _this.onUp(e.changedTouches[0]);
+      this.onUp(e.changedTouches[0]);
     }
-  });
-
-  _defineProperty(this, "onMouseDown", function (e) {
-    _this.onDown(e);
-
+  };
+  onMouseDown = e => {
+    this.onDown(e);
     e.preventDefault();
-  });
-
-  _defineProperty(this, "onDown", function (e) {
-    _this.calc(e);
-
-    var isResizing = _this.onRightEdge || _this.onBottomEdge || _this.onTopEdge || _this.onLeftEdge;
-    _this.clicked = {
-      x: _this.x,
-      y: _this.y,
+  };
+  onDown = e => {
+    this.calc(e);
+    var isResizing = this.onRightEdge || this.onBottomEdge || this.onTopEdge || this.onLeftEdge;
+    this.clicked = {
+      x: this.x,
+      y: this.y,
       cx: e.clientX,
       cy: e.clientY,
-      w: _this.b.width,
-      h: _this.b.height,
-      isResizing: _this.isResizing,
-      isMoving: !_this.isResizing && _this.canMove(),
-      onTopEdge: _this.onTopEdge,
-      onLeftEdge: _this.onLeftEdge,
-      onRightEdge: _this.onRightEdge,
-      onBottomEdge: _this.onBottomEdge
+      w: this.b.width,
+      h: this.b.height,
+      isResizing: this.isResizing,
+      isMoving: !this.isResizing && this.canMove(),
+      onTopEdge: this.onTopEdge,
+      onLeftEdge: this.onLeftEdge,
+      onRightEdge: this.onRightEdge,
+      onBottomEdge: this.onBottomEdge
     };
-  });
-
-  _defineProperty(this, "canMove", function () {
-    return _this.x > 0 && _this.x < _this.b.width && _this.y > 0 && _this.y < _this.b.height && _this.y < 30;
-  });
-
-  _defineProperty(this, "calc", function (e) {
-    _this.b = _this.pane.getBoundingClientRect();
-    _this.x = e.clientX - _this.b.left;
-    _this.y = e.clientY - _this.b.top;
-    _this.onTopEdge = _this.y < MARGINS;
-    _this.onLeftEdge = _this.x < MARGINS;
-    _this.onRightEdge = _this.x >= _this.b.width - MARGINS;
-    _this.onBottomEdge = _this.y >= _this.b.height - MARGINS;
-    _this.rightScreenEdge = window.innerWidth - MARGINS;
-    _this.bottomScreenEdge = window.innerHeight - MARGINS;
-  });
-
-  _defineProperty(this, "onMove", function (ee) {
-    _this.calc(ee);
-
-    _this.e = ee;
-    _this.redraw = true;
-  });
-
-  _defineProperty(this, "animate", function () {
-    requestAnimationFrame(_this.animate);
-    if (!_this.redraw) return;
-    _this.redraw = false;
-
-    if (_this.clicked && _this.clicked.isResizing) {
-      if (_this.clicked.onRightEdge) _this.pane.style.width = Math.max(_this.x, MIN_WIDTH) + 'px';
-      if (_this.clicked.onBottomEdge) _this.pane.style.height = Math.max(_this.y, MIN_HEIGHT) + 'px';
-
-      if (_this.clicked.onLeftEdge) {
-        var currentWidth = Math.max(_this.clicked.cx - _this.e.clientX + _this.clicked.w, MIN_WIDTH);
-
+  };
+  canMove = () => {
+    return this.x > 0 && this.x < this.b.width && this.y > 0 && this.y < this.b.height && this.y < 30;
+  };
+  calc = e => {
+    this.b = this.pane.getBoundingClientRect();
+    this.x = e.clientX - this.b.left;
+    this.y = e.clientY - this.b.top;
+    this.onTopEdge = this.y < MARGINS;
+    this.onLeftEdge = this.x < MARGINS;
+    this.onRightEdge = this.x >= this.b.width - MARGINS;
+    this.onBottomEdge = this.y >= this.b.height - MARGINS;
+    this.rightScreenEdge = window.innerWidth - MARGINS;
+    this.bottomScreenEdge = window.innerHeight - MARGINS;
+  };
+  onMove = ee => {
+    this.calc(ee);
+    this.e = ee;
+    this.redraw = true;
+  };
+  animate = () => {
+    requestAnimationFrame(this.animate);
+    if (!this.redraw) return;
+    this.redraw = false;
+    if (this.clicked && this.clicked.isResizing) {
+      if (this.clicked.onRightEdge) this.pane.style.width = Math.max(this.x, MIN_WIDTH) + 'px';
+      if (this.clicked.onBottomEdge) this.pane.style.height = Math.max(this.y, MIN_HEIGHT) + 'px';
+      if (this.clicked.onLeftEdge) {
+        var currentWidth = Math.max(this.clicked.cx - this.e.clientX + this.clicked.w, MIN_WIDTH);
         if (currentWidth > MIN_WIDTH) {
-          _this.pane.style.width = currentWidth + 'px';
-          _this.pane.style.left = _this.e.clientX + 'px';
+          this.pane.style.width = currentWidth + 'px';
+          this.pane.style.left = this.e.clientX + 'px';
         }
       }
-
-      if (_this.clicked.onTopEdge) {
-        var currentHeight = Math.max(_this.clicked.cy - _this.e.clientY + _this.clicked.h, MIN_HEIGHT);
-
+      if (this.clicked.onTopEdge) {
+        var currentHeight = Math.max(this.clicked.cy - this.e.clientY + this.clicked.h, MIN_HEIGHT);
         if (currentHeight > MIN_HEIGHT) {
-          _this.pane.style.height = currentHeight + 'px';
-          _this.pane.style.top = _this.e.clientY + 'px';
+          this.pane.style.height = currentHeight + 'px';
+          this.pane.style.top = this.e.clientY + 'px';
         }
       }
-
-      _this.hintHide();
-
+      this.hintHide();
       return;
     }
-
-    if (_this.clicked && _this.clicked.isMoving) {
-      if (_this.b.top < FULLSCREEN_MARGINS || _this.b.left < FULLSCREEN_MARGINS || _this.b.right > window.innerWidth - FULLSCREEN_MARGINS || _this.b.bottom > window.innerHeight - FULLSCREEN_MARGINS) {
+    if (this.clicked && this.clicked.isMoving) {
+      if (this.b.top < FULLSCREEN_MARGINS || this.b.left < FULLSCREEN_MARGINS || this.b.right > window.innerWidth - FULLSCREEN_MARGINS || this.b.bottom > window.innerHeight - FULLSCREEN_MARGINS) {
         // hintFull();
-        _this.setBounds(_this.ghostPane, 0, 0, window.innerWidth, window.innerHeight);
-
-        _this.ghostPane.style.opacity = 0.2;
-      } else if (_this.b.top < MARGINS) {
+        this.setBounds(this.ghostPane, 0, 0, window.innerWidth, window.innerHeight);
+        this.ghostPane.style.opacity = 0.2;
+      } else if (this.b.top < MARGINS) {
         // hintTop();
-        _this.setBounds(_this.ghostPane, 0, 0, window.innerWidth, window.innerHeight / 2);
-
-        _this.ghostPane.style.opacity = 0.2;
-      } else if (_this.b.left < MARGINS) {
+        this.setBounds(this.ghostPane, 0, 0, window.innerWidth, window.innerHeight / 2);
+        this.ghostPane.style.opacity = 0.2;
+      } else if (this.b.left < MARGINS) {
         // hintLeft();
-        _this.setBounds(_this.ghostPane, 0, 0, window.innerWidth / 2, window.innerHeight);
-
-        _this.ghostPane.style.opacity = 0.2;
-      } else if (_this.b.right > _this.rightScreenEdge) {
+        this.setBounds(this.ghostPane, 0, 0, window.innerWidth / 2, window.innerHeight);
+        this.ghostPane.style.opacity = 0.2;
+      } else if (this.b.right > this.rightScreenEdge) {
         // hintRight();
-        _this.setBounds(_this.ghostPane, window.innerWidth / 2, 0, window.innerWidth / 2, window.innerHeight);
-
-        _this.ghostPane.style.opacity = 0.2;
-      } else if (_this.b.bottom > _this.bottomScreenEdge) {
+        this.setBounds(this.ghostPane, window.innerWidth / 2, 0, window.innerWidth / 2, window.innerHeight);
+        this.ghostPane.style.opacity = 0.2;
+      } else if (this.b.bottom > this.bottomScreenEdge) {
         // hintBottom();
-        _this.setBounds(_this.ghostPane, 0, window.innerHeight / 2, window.innerWidth, window.innerWidth / 2);
-
-        _this.ghostPane.style.opacity = 0.2;
+        this.setBounds(this.ghostPane, 0, window.innerHeight / 2, window.innerWidth, window.innerWidth / 2);
+        this.ghostPane.style.opacity = 0.2;
       } else {
-        _this.hintHide();
+        this.hintHide();
       }
-
-      if (_this.preSnapped) {
-        _this.setBounds(_this.pane, _this.e.clientX - _this.preSnapped.width / 2, _this.e.clientY - Math.min(_this.clicked.y, _this.preSnapped.height), _this.preSnapped.width, _this.preSnapped.height);
-
+      if (this.preSnapped) {
+        this.setBounds(this.pane, this.e.clientX - this.preSnapped.width / 2, this.e.clientY - Math.min(this.clicked.y, this.preSnapped.height), this.preSnapped.width, this.preSnapped.height);
         return;
-      } // moving
-
+      }
 
-      _this.pane.style.top = _this.e.clientY - _this.clicked.y + 'px';
-      _this.pane.style.left = _this.e.clientX - _this.clicked.x + 'px';
+      // moving
+      this.pane.style.top = this.e.clientY - this.clicked.y + 'px';
+      this.pane.style.left = this.e.clientX - this.clicked.x + 'px';
       return;
-    } // This code executes when mouse moves without clicking
-    // style cursor
+    }
 
+    // This code executes when mouse moves without clicking
 
-    if (_this.onRightEdge && _this.onBottomEdge || _this.onLeftEdge && _this.onTopEdge) {
-      _this.pane.style.cursor = 'nwse-resize';
-    } else if (_this.onRightEdge && _this.onTopEdge || _this.onBottomEdge && _this.onLeftEdge) {
-      _this.pane.style.cursor = 'nesw-resize';
-    } else if (_this.onRightEdge || _this.onLeftEdge) {
-      _this.pane.style.cursor = 'ew-resize';
-    } else if (_this.onBottomEdge || _this.onTopEdge) {
-      _this.pane.style.cursor = 'ns-resize';
-    } else if (_this.canMove()) {
-      _this.pane.style.cursor = 'move';
+    // style cursor
+    if (this.onRightEdge && this.onBottomEdge || this.onLeftEdge && this.onTopEdge) {
+      this.pane.style.cursor = 'nwse-resize';
+    } else if (this.onRightEdge && this.onTopEdge || this.onBottomEdge && this.onLeftEdge) {
+      this.pane.style.cursor = 'nesw-resize';
+    } else if (this.onRightEdge || this.onLeftEdge) {
+      this.pane.style.cursor = 'ew-resize';
+    } else if (this.onBottomEdge || this.onTopEdge) {
+      this.pane.style.cursor = 'ns-resize';
+    } else if (this.canMove()) {
+      this.pane.style.cursor = 'move';
     } else {
-      _this.pane.style.cursor = 'default';
+      this.pane.style.cursor = 'default';
     }
-  });
-
-  _defineProperty(this, "onUp", function (e) {
-    _this.calc(e);
-
-    if (_this.clicked && _this.clicked.isMoving) {
+  };
+  onUp = e => {
+    this.calc(e);
+    if (this.clicked && this.clicked.isMoving) {
       // Snap
       var snapped = {
-        width: _this.b.width,
-        height: _this.b.height
+        width: this.b.width,
+        height: this.b.height
       };
-
-      if (_this.b.top < FULLSCREEN_MARGINS || _this.b.left < FULLSCREEN_MARGINS || _this.b.right > window.innerWidth - FULLSCREEN_MARGINS || _this.b.bottom > window.innerHeight - FULLSCREEN_MARGINS) {
+      if (this.b.top < FULLSCREEN_MARGINS || this.b.left < FULLSCREEN_MARGINS || this.b.right > window.innerWidth - FULLSCREEN_MARGINS || this.b.bottom > window.innerHeight - FULLSCREEN_MARGINS) {
         // hintFull();
-        _this.setBounds(_this.pane, 0, 0, window.innerWidth, window.innerHeight);
-
-        _this.preSnapped = snapped;
-      } else if (_this.b.top < MARGINS) {
+        this.setBounds(this.pane, 0, 0, window.innerWidth, window.innerHeight);
+        this.preSnapped = snapped;
+      } else if (this.b.top < MARGINS) {
         // hintTop();
-        _this.setBounds(_this.pane, 0, 0, window.innerWidth, window.innerHeight / 2);
-
-        _this.preSnapped = snapped;
-      } else if (_this.b.left < MARGINS) {
+        this.setBounds(this.pane, 0, 0, window.innerWidth, window.innerHeight / 2);
+        this.preSnapped = snapped;
+      } else if (this.b.left < MARGINS) {
         // hintLeft();
-        _this.setBounds(_this.pane, 0, 0, window.innerWidth / 2, window.innerHeight);
-
-        _this.preSnapped = snapped;
-      } else if (_this.b.right > _this.rightScreenEdge) {
+        this.setBounds(this.pane, 0, 0, window.innerWidth / 2, window.innerHeight);
+        this.preSnapped = snapped;
+      } else if (this.b.right > this.rightScreenEdge) {
         // hintRight();
-        _this.setBounds(_this.pane, window.innerWidth / 2, 0, window.innerWidth / 2, window.innerHeight);
-
-        _this.preSnapped = snapped;
-      } else if (_this.b.bottom > _this.bottomScreenEdge) {
+        this.setBounds(this.pane, window.innerWidth / 2, 0, window.innerWidth / 2, window.innerHeight);
+        this.preSnapped = snapped;
+      } else if (this.b.bottom > this.bottomScreenEdge) {
         // hintBottom();
-        _this.setBounds(_this.pane, 0, window.innerHeight / 2, window.innerWidth, window.innerWidth / 2);
-
-        _this.preSnapped = snapped;
+        this.setBounds(this.pane, 0, window.innerHeight / 2, window.innerWidth, window.innerWidth / 2);
+        this.preSnapped = snapped;
       } else {
-        _this.preSnapped = null;
+        this.preSnapped = null;
       }
-
-      _this.hintHide();
+      this.hintHide();
     }
-
-    _this.clicked = null;
-  });
-
-  this.clicked = null;
-  pane.addEventListener('mousedown', this.onMouseDown);
-  document.addEventListener('mousemove', this.onMove);
-  document.addEventListener('mouseup', this.onUp);
-  pane.addEventListener('touchstart', this.onTouchDown);
-  document.addEventListener('touchmove', this.onTouchMove);
-  document.addEventListener('touchend', this.onTouchEnd);
-  this.pane = pane;
-  this.ghostPane = ghostPane;
-  this.animate();
-};
-
+    this.clicked = null;
+  };
+}
 exports.ElementResizeHandler = ElementResizeHandler;

package/dist/components/FileThumb.js

@@ -1,72 +1,35 @@
 "use strict";
 
-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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
 var _Icon = _interopRequireDefault(require("./Icon"));
-
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _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); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var location = window.location.protocol + '//' + window.location.hostname;
-
-var FileThumb = function FileThumb(props) {
-  var _useState = (0, _react.useState)(props.file),
-      _useState2 = _slicedToArray(_useState, 1),
-      file = _useState2[0];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      downloadUrl = _useState4[0],
-      setDownloadUrl = _useState4[1];
-
-  _react.default.useEffect(function () {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const location = window.location.protocol + '//' + window.location.hostname;
+const FileThumb = props => {
+  const [file] = (0, _react.useState)(props.file);
+  const [downloadUrl, setDownloadUrl] = (0, _react.useState)(null);
+  _react.default.useEffect(() => {
     if (file) {
       setDownloadUrl(location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + file.repositoryId + '?access_token=' + sessionStorage.getItem('accessToken') + '&idToken=' + sessionStorage.getItem('idToken'));
     }
   }, [file]);
-
-  var isImage = function isImage() {
-    var _file$type;
-
-    return (_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.startsWith('image/');
+  const isImage = () => {
+    return file.type?.startsWith('image/');
   };
-
-  var getThumbImage = function getThumbImage() {
+  const getThumbImage = () => {
     if (!file || !file.type) {
       return 'default-file-thumb.png';
     }
-
     return file.type === 'application/pdf' ? 'pdf-icon.png' : file.type === 'application/msword' ? 'doc.png' : file.type.startsWith('video/') ? 'media.png' : file.type.startsWith('audio/') ? 'media.png' : file.type === 'application/zip' ? 'zip.png' : file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ? 'doc.png' : file.type === 'application/vnd.ms-excel' ? 'excel.png' : file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ? 'excel.png' : file.type === 'application/vnd.ms-powerpoint' ? 'powerpoint.png' : 'default-file-thumb.png';
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
     style: {
@@ -100,9 +63,7 @@ var FileThumb = function FileThumb(props) {
       width: '8px',
       height: '8px'
     },
-    onClick: function onClick() {
-      return props.onDelete(file);
-    }
+    onClick: () => props.onDelete(file)
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'DELETE'
   }))), /*#__PURE__*/_react.default.createElement("div", {
@@ -119,7 +80,7 @@ var FileThumb = function FileThumb(props) {
       cursor: 'pointer'
     },
     target: "_blank",
-    href: "".concat(downloadUrl)
+    href: `${downloadUrl}`
   }, file.name) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, file.name))), /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
     style: {
@@ -139,10 +100,8 @@ var FileThumb = function FileThumb(props) {
       backgroundSize: 'contain',
       backgroundPosition: 'center',
       backgroundColor: 'transparent',
-      backgroundImage: isImage() ? "url(".concat(file.repositoryId ? downloadUrl : file.payload, ")") : "url(".concat(require('../assets/img/' + getThumbImage()), ")")
+      backgroundImage: isImage() ? `url(${file.repositoryId ? downloadUrl : file.payload})` : `url(${require('../assets/img/' + getThumbImage())})`
     }
   })));
 };
-
-var _default = FileThumb;
-exports.default = _default;
+var _default = exports.default = FileThumb;