@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/components/ElementResizeHandler.js

@@ -5,228 +5,250 @@ Object.defineProperty(exports, "__esModule", {
 });
 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; }
 
-const MIN_WIDTH = 60;
-const MIN_HEIGHT = 40;
-const FULLSCREEN_MARGINS = -10;
-const MARGINS = 4;
-
-class ElementResizeHandler {
-  constructor(pane, ghostPane) {
-    _defineProperty(this, "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", () => {
-      this.setBounds(this.ghostPane, this.b.left, this.b.top, this.b.width, this.b.height);
-      this.ghostPane.style.opacity = 0;
-    });
-
-    _defineProperty(this, "onTouchDown", e => {
-      alert(1);
-      this.onDown(e.touches[0]);
-      e.preventDefault();
-    });
-
-    _defineProperty(this, "onTouchMove", e => {
-      alert(1);
-      this.onMove(e.touches[0]);
-    });
-
-    _defineProperty(this, "onTouchEnd", e => {
-      alert(1);
-
-      if (e.touches.length === 0) {
-        this.onUp(e.changedTouches[0]);
-      }
-    });
-
-    _defineProperty(this, "onMouseDown", e => {
-      this.onDown(e);
-      e.preventDefault();
-    });
-
-    _defineProperty(this, "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
-      };
-    });
-
-    _defineProperty(this, "canMove", () => {
-      return this.x > 0 && this.x < this.b.width && this.y > 0 && this.y < this.b.height && this.y < 30;
-    });
-
-    _defineProperty(this, "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;
-    });
-
-    _defineProperty(this, "onMove", ee => {
-      this.calc(ee);
-      this.e = ee;
-      this.redraw = true;
-    });
-
-    _defineProperty(this, "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';
-          }
+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) {
+    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) {
+    alert(1);
+
+    _this.onDown(e.touches[0]);
+
+    e.preventDefault();
+  });
+
+  _defineProperty(this, "onTouchMove", function (e) {
+    alert(1);
+
+    _this.onMove(e.touches[0]);
+  });
+
+  _defineProperty(this, "onTouchEnd", function (e) {
+    alert(1);
+
+    if (e.touches.length === 0) {
+      _this.onUp(e.changedTouches[0]);
+    }
+  });
+
+  _defineProperty(this, "onMouseDown", function (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,
+      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
+    };
+  });
+
+  _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);
+
+        if (currentWidth > MIN_WIDTH) {
+          _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';
-          }
+        if (currentHeight > MIN_HEIGHT) {
+          _this.pane.style.height = currentHeight + 'px';
+          _this.pane.style.top = _this.e.clientY + 'px';
         }
-
-        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) {
-          // hintFull();
-          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) {
-          // 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) {
-          // 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) {
-          // hintBottom();
-          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);
-          return;
-        } // moving
+      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) {
+        // hintFull();
+        _this.setBounds(_this.ghostPane, 0, 0, window.innerWidth, window.innerHeight);
 
-        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
-
-
-      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';
+        _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) {
+        // 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) {
+        // 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) {
+        // hintBottom();
+        _this.setBounds(_this.ghostPane, 0, window.innerHeight / 2, window.innerWidth, window.innerWidth / 2);
+
+        _this.ghostPane.style.opacity = 0.2;
       } else {
-        this.pane.style.cursor = 'default';
+        _this.hintHide();
       }
-    });
-
-    _defineProperty(this, "onUp", e => {
-      this.calc(e);
-
-      if (this.clicked && this.clicked.isMoving) {
-        // Snap
-        var snapped = {
-          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) {
-          // hintFull();
-          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) {
-          // hintLeft();
-          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) {
-          // hintBottom();
-          this.setBounds(this.pane, 0, window.innerHeight / 2, window.innerWidth, window.innerWidth / 2);
-          this.preSnapped = snapped;
-        } else {
-          this.preSnapped = null;
-        }
 
-        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);
+
+        return;
+      } // 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
+
+
+    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';
+    }
+  });
+
+  _defineProperty(this, "onUp", function (e) {
+    _this.calc(e);
+
+    if (_this.clicked && _this.clicked.isMoving) {
+      // Snap
+      var snapped = {
+        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) {
+        // hintFull();
+        _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) {
+        // hintLeft();
+        _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) {
+        // hintBottom();
+        _this.setBounds(_this.pane, 0, window.innerHeight / 2, window.innerWidth, window.innerWidth / 2);
+
+        _this.preSnapped = snapped;
+      } else {
+        _this.preSnapped = null;
       }
 
-      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.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();
+};
 
 exports.ElementResizeHandler = ElementResizeHandler;

package/dist/components/FileThumb.js

@@ -1,5 +1,7 @@
 "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
 });
@@ -17,29 +19,47 @@ 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 () { return cache; }; return cache; }
+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 _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 _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; }
 
-const location = window.location.protocol + '//' + window.location.hostname;
+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; }
 
-const FileThumb = props => {
-  const [file] = (0, _react.useState)(props.file);
-  const [downloadUrl, setDownloadUrl] = (0, _react.useState)(null);
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-  _react.default.useEffect(() => {
+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 () {
     if (file) {
       setDownloadUrl(location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + file.repositoryId + '?access_token=' + sessionStorage.getItem('accessToken') + '&idToken=' + sessionStorage.getItem('idToken'));
     }
   }, [file]);
 
-  const isImage = () => {
+  var isImage = function isImage() {
     var _file$type;
 
     return (_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.startsWith('image/');
   };
 
-  const getThumbImage = () => {
+  var getThumbImage = function getThumbImage() {
     if (!file || !file.type) {
       return 'default-file-thumb.png';
     }
@@ -80,7 +100,9 @@ const FileThumb = props => {
       width: '8px',
       height: '8px'
     },
-    onClick: () => props.onDelete(file)
+    onClick: function onClick() {
+      return props.onDelete(file);
+    }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'DELETE'
   }))), /*#__PURE__*/_react.default.createElement("div", {