dtable-ui-component 0.1.75-beta3 → 0.1.75-beta4

package/lib/ImagePreviewerLightbox/index.js

@@ -1,29 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-
-var _ModalPortal = _interopRequireDefault(require("../ModalPortal"));
-
-var _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
-
-var _utils = require("../utils/utils");
-
-require("@seafile/react-image-lightbox/style.css");
-
-require("./index.css");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+import React, { Fragment } from 'react';
+import MediaQuery from 'react-responsive';
+import ModalPortal from '../ModalPortal';
+import Lightbox from '@seafile/react-image-lightbox';
+import { checkSVGImage, isInternalImg } from '../utils/utils';
+import '@seafile/react-image-lightbox/style.css';
+import './index.css';
 
 function ImagePreviewerLightbox(props) {
   var imageItems = props.imageItems,
@@ -36,20 +17,18 @@ function ImagePreviewerLightbox(props) {
   var URL = imageItems[imageIndex];
   var imageTitle = URL ? decodeURI(URL.slice(URL.lastIndexOf('/') + 1)) : ''; // svg image is vectorgraph and can't rotate, external image can't rotate
 
-  var canRotateImage = onRotateImage && !readOnly && !(0, _utils.checkSVGImage)(URL) && (0, _utils.isInternalImg)(URL);
-
-  var imageTitleEl = /*#__PURE__*/_react.default.createElement("span", {
+  var canRotateImage = onRotateImage && !readOnly && !checkSVGImage(URL) && isInternalImg(URL);
+  var imageTitleEl = /*#__PURE__*/React.createElement("span", {
     className: "d-flex"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "text-truncate"
-  }, imageTitle), /*#__PURE__*/_react.default.createElement("span", {
+  }, imageTitle), /*#__PURE__*/React.createElement("span", {
     className: "flex-shrink-0"
   }, "(", imageIndex + 1, "/", imageItemsLength, ")"));
-
   var toolbarButtons = [];
 
   if (!readOnly && deleteImage) {
-    toolbarButtons.push( /*#__PURE__*/_react.default.createElement("button", {
+    toolbarButtons.push( /*#__PURE__*/React.createElement("button", {
       className: "dtable-font dtable-icon-delete",
       onClick: function onClick() {
         deleteImage(imageIndex, 'previewer');
@@ -58,7 +37,7 @@ function ImagePreviewerLightbox(props) {
   }
 
   if (downloadImage) {
-    toolbarButtons.push( /*#__PURE__*/_react.default.createElement("button", {
+    toolbarButtons.push( /*#__PURE__*/React.createElement("button", {
       className: "dtable-font dtable-icon-download",
       onClick: function onClick() {
         downloadImage(URL);
@@ -66,9 +45,9 @@ function ImagePreviewerLightbox(props) {
     }));
   }
 
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MediaQuery, {
     query: "(min-width: 767.8px)"
-  }, /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
+  }, /*#__PURE__*/React.createElement(Lightbox, {
     wrapperClassName: "PC-image-previewer",
     imageTitle: imageTitleEl,
     toolbarButtons: toolbarButtons,
@@ -87,9 +66,9 @@ function ImagePreviewerLightbox(props) {
         zIndex: 1051
       }
     }
-  })), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+  })), /*#__PURE__*/React.createElement(MediaQuery, {
     query: "(max-width: 767.8px)"
-  }, /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
+  }, /*#__PURE__*/React.createElement(Lightbox, {
     isDesktop: false,
     wrapperClassName: "mobile-image-previewer dtable-ui-component",
     mainSrc: imageItems[imageIndex],
@@ -107,46 +86,34 @@ function ImagePreviewerLightbox(props) {
         backgroundColor: '#000'
       }
     }
-  }), /*#__PURE__*/_react.default.createElement(_ModalPortal.default, null, /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement("div", {
     className: "image-footer-choice mobile-image-footer-choice dtable-ui-component"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "image-footer-icon"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "d-flex"
-  }, canRotateImage && /*#__PURE__*/_react.default.createElement("span", {
+  }, canRotateImage && /*#__PURE__*/React.createElement("span", {
     className: "image-footer-choice-item mr-4",
     onClick: function onClick() {
       onRotateImage(imageIndex, 90);
     }
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "dtable-font dtable-icon-rotate"
-  })), downloadImage && /*#__PURE__*/_react.default.createElement("span", {
+  })), downloadImage && /*#__PURE__*/React.createElement("span", {
     className: "image-footer-choice-item",
     onClick: function onClick() {
       downloadImage(URL);
     }
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "dtable-font dtable-icon-download"
-  }))), !readOnly && deleteImage && /*#__PURE__*/_react.default.createElement("span", {
+  }))), !readOnly && deleteImage && /*#__PURE__*/React.createElement("span", {
     className: "image-footer-choice-item",
     onClick: function onClick() {
       deleteImage(imageIndex, 'previewer');
     }
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "dtable-font dtable-icon-delete"
   })))))));
 }
 
-ImagePreviewerLightbox.propTypes = {
-  imageItems: _propTypes.default.array.isRequired,
-  imageIndex: _propTypes.default.number.isRequired,
-  closeImagePopup: _propTypes.default.func.isRequired,
-  moveToPrevImage: _propTypes.default.func.isRequired,
-  moveToNextImage: _propTypes.default.func.isRequired,
-  downloadImage: _propTypes.default.func,
-  deleteImage: _propTypes.default.func,
-  onRotateImage: _propTypes.default.func,
-  readOnly: _propTypes.default.bool
-};
-var _default = ImagePreviewerLightbox;
-exports.default = _default;
+export default ImagePreviewerLightbox;

package/lib/LastModifierFormatter/index.js

@@ -1,55 +1,35 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _astroClassname = _interopRequireDefault(require("astro-classname"));
-
-var _CollaboratorItem = _interopRequireDefault(require("../CollaboratorItem"));
-
-var _default_avatar = _interopRequireDefault(require("../assets/images/avatar/default_avatar.png"));
-
-require("./index.css");
-
-var propTypes = {
-  containerClassName: _propTypes.default.string,
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]).isRequired,
-  collaborators: _propTypes.default.arrayOf(_propTypes.default.exact({
-    email: _propTypes.default.string.isRequired,
-    name: _propTypes.default.string.isRequired,
-    contact_email: _propTypes.default.string.isRequired,
-    avatar_url: _propTypes.default.string.isRequired
-  }))
-}; // there will be there conditions
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+import cn from 'astro-classname';
+import CollaboratorItem from '../CollaboratorItem';
+import DefaultAvatar from '../assets/images/avatar/default_avatar.png';
+import './index.css';
+
+// there will be there conditions
 // 1 value is not exist, typeof value is array, but it's length is 0
 // 2 value is exist, but can't find in collaborators
 // 3 value is exist, typeof value is a string
 // 4 value is exist, typeof value is array
-
 var LastModifierFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inheritsLoose2.default)(LastModifierFormatter, _React$PureComponent);
+  _inherits(LastModifierFormatter, _React$PureComponent);
+
+  var _super = _createSuper(LastModifierFormatter);
 
   function LastModifierFormatter() {
     var _this;
 
+    _classCallCheck(this, LastModifierFormatter);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getCollaborators", function () {
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.getCollaborators = function () {
       var _this$props = _this.props,
           value = _this$props.value,
           collaborators = _this$props.collaborators;
@@ -66,42 +46,42 @@ var LastModifierFormatter = /*#__PURE__*/function (_React$PureComponent) {
         if (!collaborator) {
           collaborator = {
             name: item,
-            avatar_url: _default_avatar.default
+            avatar_url: DefaultAvatar
           };
         }
 
-        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
+        return /*#__PURE__*/React.createElement(CollaboratorItem, {
           key: index,
           collaborator: collaborator
         });
       });
-    });
+    };
+
     return _this;
   }
 
-  var _proto = LastModifierFormatter.prototype;
-
-  _proto.render = function render() {
-    var _this$props2 = this.props,
-        containerClassName = _this$props2.containerClassName,
-        value = _this$props2.value;
-    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container last-modified-formatter', containerClassName);
+  _createClass(LastModifierFormatter, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          containerClassName = _this$props2.containerClassName,
+          value = _this$props2.value;
+      var classname = cn('dtable-ui cell-formatter-container last-modified-formatter', containerClassName);
+
+      if (!value || Array.isArray(value) && value.length === 0) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: classname
+        });
+      }
 
-    if (!value || Array.isArray(value) && value.length === 0) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      var collaborators = this.getCollaborators();
+      return /*#__PURE__*/React.createElement("div", {
         className: classname
-      });
+      }, collaborators);
     }
-
-    var collaborators = this.getCollaborators();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, collaborators);
-  };
+  }]);
 
   return LastModifierFormatter;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-LastModifierFormatter.propTypes = propTypes;
-var _default = LastModifierFormatter;
-exports.default = _default;
+export default LastModifierFormatter;

package/lib/LinkFormatter/index.js

@@ -1,52 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _astroClassname = _interopRequireDefault(require("astro-classname"));
-
-var CellTypes = _interopRequireWildcard(require("../constants/cell-types"));
-
-var _valueFormatUtils = require("../utils/value-format-utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-
-var propTypes = {
-  containerClassName: _propTypes.default.string,
-  row: _propTypes.default.object.isRequired,
-  column: _propTypes.default.object.isRequired,
-  enableOpenLinkedRow: _propTypes.default.bool,
-  currentTableId: _propTypes.default.string.isRequired,
-  linkMetaData: _propTypes.default.shape({
-    getLinkedTable: _propTypes.default.func.isRequired,
-    getLinkedRows: _propTypes.default.func.isRequired,
-    getLinkedCellValue: _propTypes.default.func.isRequired,
-    expandLinkedTableRow: _propTypes.default.func.isRequired
-  })
-}; // link value is  get form parant's interface
-
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+import cn from 'astro-classname';
+import * as CellTypes from '../constants/cell-types';
+import { getNumberDisplayString, getDateDisplayString } from '../utils/value-format-utils';
+
+// link value is  get form parant's interface
 var LinkFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(LinkFormatter, _React$Component);
+  _inherits(LinkFormatter, _React$Component);
+
+  var _super = _createSuper(LinkFormatter);
 
   function LinkFormatter(props) {
     var _this;
 
-    _this = _React$Component.call(this, props) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLinkedCellValue", function (row) {
+    _classCallCheck(this, LinkFormatter);
+
+    _this = _super.call(this, props);
+
+    _this.getLinkedCellValue = function (row) {
       if (!row) return [];
       var _this$props = _this.props,
           column = _this$props.column,
@@ -62,8 +37,9 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
       _this.tableID = currentTableId === table_id ? table_id : other_table_id;
       _this.otherTableID = _this.tableID === table_id ? other_table_id : table_id;
       return linkMetaData.getLinkedCellValue(_this.linkID, _this.tableID, _this.otherTableID, row._id);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "expandLinkedTableRow", function (row) {
+    };
+
+    _this.expandLinkedTableRow = function (row) {
       var _this$props2 = _this.props,
           enableOpenLinkedRow = _this$props2.enableOpenLinkedRow,
           linkMetaData = _this$props2.linkMetaData;
@@ -71,8 +47,9 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
       if (enableOpenLinkedRow) {
         linkMetaData.expandLinkedTableRow(row, _this.otherTableID);
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getDisplayValues", function () {
+    };
+
+    _this.getDisplayValues = function () {
       var _this$props3 = _this.props,
           column = _this$props3.column,
           linkMetaData = _this$props3.linkMetaData;
@@ -86,11 +63,11 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
 
           var displayValue = _this.getDisplayValue(linkedTable, row, displayColumnKey);
 
-          return /*#__PURE__*/_react.default.createElement("div", {
+          return /*#__PURE__*/React.createElement("div", {
             key: index,
             className: "link-item",
-            onClick: _this.expandLinkedTableRow.bind((0, _assertThisInitialized2.default)(_this), row)
-          }, /*#__PURE__*/_react.default.createElement("div", {
+            onClick: _this.expandLinkedTableRow.bind(_assertThisInitialized(_this), row)
+          }, /*#__PURE__*/React.createElement("div", {
             className: "link-name"
           }, displayValue));
         });
@@ -98,8 +75,9 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
       }
 
       return null;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getDisplayValue", function (linkedTable, row, displayColumnKey) {
+    };
+
+    _this.getDisplayValue = function (linkedTable, row, displayColumnKey) {
       var value = row[displayColumnKey];
       var linkedColumn = linkedTable.columns.find(function (column) {
         return column.key === displayColumnKey;
@@ -110,19 +88,20 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
       switch (type) {
         case CellTypes.NUMBER:
           {
-            return (0, _valueFormatUtils.getNumberDisplayString)(value, data);
+            return getNumberDisplayString(value, data);
           }
 
         case CellTypes.DATE:
           {
             var format = data.format;
-            return (0, _valueFormatUtils.getDateDisplayString)(value, format);
+            return getDateDisplayString(value, format);
           }
 
         default:
           return value;
       }
-    });
+    };
+
     _this.linkID = '';
     _this.tableID = '';
     _this.otherTableID = '';
@@ -132,34 +111,34 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  var _proto = LinkFormatter.prototype;
-
-  _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-    var nextRow = nextProps.row;
+  _createClass(LinkFormatter, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      var nextRow = nextProps.row;
 
-    if (nextRow._id !== this.props.row._id) {
-      this.setState({
-        value: this.getLinkedCellValue(nextRow)
-      });
+      if (nextRow._id !== this.props.row._id) {
+        this.setState({
+          value: this.getLinkedCellValue(nextRow)
+        });
+      }
     }
-  };
-
-  _proto.render = function render() {
-    var containerClassName = this.props.containerClassName;
-    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container link-formatter', containerClassName);
-    var displayValues = this.getDisplayValues();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, displayValues);
-  };
+  }, {
+    key: "render",
+    value: function render() {
+      var containerClassName = this.props.containerClassName;
+      var classname = cn('dtable-ui cell-formatter-container link-formatter', containerClassName);
+      var displayValues = this.getDisplayValues();
+      return /*#__PURE__*/React.createElement("div", {
+        className: classname
+      }, displayValues);
+    }
+  }]);
 
   return LinkFormatter;
-}(_react.default.Component);
+}(React.Component);
 
-(0, _defineProperty2.default)(LinkFormatter, "defaultProps", {
+LinkFormatter.defaultProps = {
   enableOpenLinkedRow: false,
   value: []
-});
-LinkFormatter.propTypes = propTypes;
-var _default = LinkFormatter;
-exports.default = _default;
+};
+export default LinkFormatter;

package/lib/Loading/index.js

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = Loading;
-
-var _react = _interopRequireDefault(require("react"));
-
-require("./index.css");
-
-function Loading() {
-  return /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+import './index.css';
+export default function Loading() {
+  return /*#__PURE__*/React.createElement("span", {
     className: "loading-icon loading-tip"
   });
 }

package/lib/LongTextFormatter/html-long-text-formatter.js

@@ -1,34 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _markdown2html = require("../utils/markdown2html");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React, { Component } from 'react';
+import { processor } from '../utils/markdown2html';
 
 var HtmlLongTextFormatter = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2.default)(HtmlLongTextFormatter, _Component);
+  _inherits(HtmlLongTextFormatter, _Component);
+
+  var _super = _createSuper(HtmlLongTextFormatter);
 
   function HtmlLongTextFormatter(_props) {
     var _this;
 
-    _this = _Component.call(this, _props) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "translateValue", function (props) {
+    _classCallCheck(this, HtmlLongTextFormatter);
+
+    _this = _super.call(this, _props);
+
+    _this.translateValue = function (props) {
       var value = props.value;
 
       if (!value) {
@@ -54,54 +43,54 @@ var HtmlLongTextFormatter = /*#__PURE__*/function (_Component) {
       }
 
       return;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "convertMarkdown", function (mdFile) {
-      _markdown2html.processor.process(mdFile).then(function (result) {
+    };
+
+    _this.convertMarkdown = function (mdFile) {
+      processor.process(mdFile).then(function (result) {
         var innerHtml = String(result).replace(/<a /ig, '<a target="_blank" ');
 
         _this.setState({
           innerHtml: innerHtml
         });
       });
-    });
+    };
+
     _this.state = {
       innerHtml: null
     };
     return _this;
   }
 
-  var _proto = HtmlLongTextFormatter.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    this.translateValue(this.props);
-  };
-
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    var value = this.props.value;
-
-    if (nextProps.value !== value) {
-      this.translateValue(nextProps);
+  _createClass(HtmlLongTextFormatter, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.translateValue(this.props);
     }
-  };
-
-  _proto.render = function render() {
-    var innerHtml = this.state.innerHtml;
-    var className = this.props.className;
-    if (!innerHtml) return null;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: className + " article",
-      dangerouslySetInnerHTML: {
-        __html: innerHtml
+  }, {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      var value = this.props.value;
+
+      if (nextProps.value !== value) {
+        this.translateValue(nextProps);
       }
-    });
-  };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var innerHtml = this.state.innerHtml;
+      var className = this.props.className;
+      if (!innerHtml) return null;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(className, " article"),
+        dangerouslySetInnerHTML: {
+          __html: innerHtml
+        }
+      });
+    }
+  }]);
 
   return HtmlLongTextFormatter;
-}(_react.Component);
-
-HtmlLongTextFormatter.propTypes = {
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-  className: _propTypes.default.string
-};
-var _default = HtmlLongTextFormatter;
-exports.default = _default;
+}(Component);
+
+export default HtmlLongTextFormatter;