dtable-ui-component 0.1.75-beta2 → 0.1.75-beta3

package/lib/ImagePreviewerLightbox/index.js

@@ -1,10 +1,29 @@
-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';
+"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; }
 
 function ImagePreviewerLightbox(props) {
   var imageItems = props.imageItems,
@@ -17,18 +36,20 @@ 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 && !checkSVGImage(URL) && isInternalImg(URL);
-  var imageTitleEl = /*#__PURE__*/React.createElement("span", {
+  var canRotateImage = onRotateImage && !readOnly && !(0, _utils.checkSVGImage)(URL) && (0, _utils.isInternalImg)(URL);
+
+  var imageTitleEl = /*#__PURE__*/_react.default.createElement("span", {
     className: "d-flex"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "text-truncate"
-  }, imageTitle), /*#__PURE__*/React.createElement("span", {
+  }, imageTitle), /*#__PURE__*/_react.default.createElement("span", {
     className: "flex-shrink-0"
   }, "(", imageIndex + 1, "/", imageItemsLength, ")"));
+
   var toolbarButtons = [];
 
   if (!readOnly && deleteImage) {
-    toolbarButtons.push( /*#__PURE__*/React.createElement("button", {
+    toolbarButtons.push( /*#__PURE__*/_react.default.createElement("button", {
       className: "dtable-font dtable-icon-delete",
       onClick: function onClick() {
         deleteImage(imageIndex, 'previewer');
@@ -37,7 +58,7 @@ function ImagePreviewerLightbox(props) {
   }
 
   if (downloadImage) {
-    toolbarButtons.push( /*#__PURE__*/React.createElement("button", {
+    toolbarButtons.push( /*#__PURE__*/_react.default.createElement("button", {
       className: "dtable-font dtable-icon-download",
       onClick: function onClick() {
         downloadImage(URL);
@@ -45,9 +66,9 @@ function ImagePreviewerLightbox(props) {
     }));
   }
 
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MediaQuery, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
     query: "(min-width: 767.8px)"
-  }, /*#__PURE__*/React.createElement(Lightbox, {
+  }, /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
     wrapperClassName: "PC-image-previewer",
     imageTitle: imageTitleEl,
     toolbarButtons: toolbarButtons,
@@ -66,9 +87,9 @@ function ImagePreviewerLightbox(props) {
         zIndex: 1051
       }
     }
-  })), /*#__PURE__*/React.createElement(MediaQuery, {
+  })), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
     query: "(max-width: 767.8px)"
-  }, /*#__PURE__*/React.createElement(Lightbox, {
+  }, /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
     isDesktop: false,
     wrapperClassName: "mobile-image-previewer dtable-ui-component",
     mainSrc: imageItems[imageIndex],
@@ -86,34 +107,46 @@ function ImagePreviewerLightbox(props) {
         backgroundColor: '#000'
       }
     }
-  }), /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement(_ModalPortal.default, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "image-footer-choice mobile-image-footer-choice dtable-ui-component"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "image-footer-icon"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex"
-  }, canRotateImage && /*#__PURE__*/React.createElement("span", {
+  }, canRotateImage && /*#__PURE__*/_react.default.createElement("span", {
     className: "image-footer-choice-item mr-4",
     onClick: function onClick() {
       onRotateImage(imageIndex, 90);
     }
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "dtable-font dtable-icon-rotate"
-  })), downloadImage && /*#__PURE__*/React.createElement("span", {
+  })), downloadImage && /*#__PURE__*/_react.default.createElement("span", {
     className: "image-footer-choice-item",
     onClick: function onClick() {
       downloadImage(URL);
     }
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "dtable-font dtable-icon-download"
-  }))), !readOnly && deleteImage && /*#__PURE__*/React.createElement("span", {
+  }))), !readOnly && deleteImage && /*#__PURE__*/_react.default.createElement("span", {
     className: "image-footer-choice-item",
     onClick: function onClick() {
       deleteImage(imageIndex, 'previewer');
     }
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "dtable-font dtable-icon-delete"
   })))))));
 }
 
-export default ImagePreviewerLightbox;
+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;

package/lib/LastModifierFormatter/index.js

@@ -1,35 +1,55 @@
-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
+"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
 // 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) {
-  _inherits(LastModifierFormatter, _React$PureComponent);
 
-  var _super = _createSuper(LastModifierFormatter);
+var LastModifierFormatter = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inheritsLoose2.default)(LastModifierFormatter, _React$PureComponent);
 
   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 = _super.call.apply(_super, [this].concat(args));
-
-    _this.getCollaborators = function () {
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getCollaborators", function () {
       var _this$props = _this.props,
           value = _this$props.value,
           collaborators = _this$props.collaborators;
@@ -46,42 +66,42 @@ var LastModifierFormatter = /*#__PURE__*/function (_React$PureComponent) {
         if (!collaborator) {
           collaborator = {
             name: item,
-            avatar_url: DefaultAvatar
+            avatar_url: _default_avatar.default
           };
         }
 
-        return /*#__PURE__*/React.createElement(CollaboratorItem, {
+        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
           key: index,
           collaborator: collaborator
         });
       });
-    };
-
+    });
     return _this;
   }
 
-  _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
-        });
-      }
+  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);
 
-      var collaborators = this.getCollaborators();
-      return /*#__PURE__*/React.createElement("div", {
+    if (!value || Array.isArray(value) && value.length === 0) {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: classname
-      }, collaborators);
+      });
     }
-  }]);
+
+    var collaborators = this.getCollaborators();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, collaborators);
+  };
 
   return LastModifierFormatter;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-export default LastModifierFormatter;
+LastModifierFormatter.propTypes = propTypes;
+var _default = LastModifierFormatter;
+exports.default = _default;

package/lib/LinkFormatter/index.js

@@ -1,27 +1,52 @@
-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) {
-  _inherits(LinkFormatter, _React$Component);
+"use strict";
 
-  var _super = _createSuper(LinkFormatter);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-  function LinkFormatter(props) {
-    var _this;
+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"));
 
-    _classCallCheck(this, LinkFormatter);
+var _astroClassname = _interopRequireDefault(require("astro-classname"));
 
-    _this = _super.call(this, props);
+var CellTypes = _interopRequireWildcard(require("../constants/cell-types"));
 
-    _this.getLinkedCellValue = function (row) {
+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
+
+var LinkFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(LinkFormatter, _React$Component);
+
+  function LinkFormatter(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLinkedCellValue", function (row) {
       if (!row) return [];
       var _this$props = _this.props,
           column = _this$props.column,
@@ -37,9 +62,8 @@ 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);
-    };
-
-    _this.expandLinkedTableRow = function (row) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "expandLinkedTableRow", function (row) {
       var _this$props2 = _this.props,
           enableOpenLinkedRow = _this$props2.enableOpenLinkedRow,
           linkMetaData = _this$props2.linkMetaData;
@@ -47,9 +71,8 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
       if (enableOpenLinkedRow) {
         linkMetaData.expandLinkedTableRow(row, _this.otherTableID);
       }
-    };
-
-    _this.getDisplayValues = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getDisplayValues", function () {
       var _this$props3 = _this.props,
           column = _this$props3.column,
           linkMetaData = _this$props3.linkMetaData;
@@ -63,11 +86,11 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
 
           var displayValue = _this.getDisplayValue(linkedTable, row, displayColumnKey);
 
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/_react.default.createElement("div", {
             key: index,
             className: "link-item",
-            onClick: _this.expandLinkedTableRow.bind(_assertThisInitialized(_this), row)
-          }, /*#__PURE__*/React.createElement("div", {
+            onClick: _this.expandLinkedTableRow.bind((0, _assertThisInitialized2.default)(_this), row)
+          }, /*#__PURE__*/_react.default.createElement("div", {
             className: "link-name"
           }, displayValue));
         });
@@ -75,9 +98,8 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
       }
 
       return null;
-    };
-
-    _this.getDisplayValue = function (linkedTable, row, displayColumnKey) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getDisplayValue", function (linkedTable, row, displayColumnKey) {
       var value = row[displayColumnKey];
       var linkedColumn = linkedTable.columns.find(function (column) {
         return column.key === displayColumnKey;
@@ -88,20 +110,19 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
       switch (type) {
         case CellTypes.NUMBER:
           {
-            return getNumberDisplayString(value, data);
+            return (0, _valueFormatUtils.getNumberDisplayString)(value, data);
           }
 
         case CellTypes.DATE:
           {
             var format = data.format;
-            return getDateDisplayString(value, format);
+            return (0, _valueFormatUtils.getDateDisplayString)(value, format);
           }
 
         default:
           return value;
       }
-    };
-
+    });
     _this.linkID = '';
     _this.tableID = '';
     _this.otherTableID = '';
@@ -111,34 +132,34 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(LinkFormatter, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      var nextRow = nextProps.row;
+  var _proto = LinkFormatter.prototype;
 
-      if (nextRow._id !== this.props.row._id) {
-        this.setState({
-          value: this.getLinkedCellValue(nextRow)
-        });
-      }
-    }
-  }, {
-    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);
+  _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+    var nextRow = nextProps.row;
+
+    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);
+  };
 
   return LinkFormatter;
-}(React.Component);
+}(_react.default.Component);
 
-LinkFormatter.defaultProps = {
+(0, _defineProperty2.default)(LinkFormatter, "defaultProps", {
   enableOpenLinkedRow: false,
   value: []
-};
-export default LinkFormatter;
+});
+LinkFormatter.propTypes = propTypes;
+var _default = LinkFormatter;
+exports.default = _default;

package/lib/Loading/index.js

@@ -1,7 +1,16 @@
-import React from 'react';
-import './index.css';
-export default function Loading() {
-  return /*#__PURE__*/React.createElement("span", {
+"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", {
     className: "loading-icon loading-tip"
   });
 }

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

@@ -1,23 +1,34 @@
-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';
+"use strict";
 
-var HtmlLongTextFormatter = /*#__PURE__*/function (_Component) {
-  _inherits(HtmlLongTextFormatter, _Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-  var _super = _createSuper(HtmlLongTextFormatter);
+exports.__esModule = true;
+exports.default = void 0;
 
-  function HtmlLongTextFormatter(_props) {
-    var _this;
+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"));
 
-    _classCallCheck(this, HtmlLongTextFormatter);
+var _markdown2html = require("../utils/markdown2html");
 
-    _this = _super.call(this, _props);
+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 HtmlLongTextFormatter = /*#__PURE__*/function (_Component) {
+  (0, _inheritsLoose2.default)(HtmlLongTextFormatter, _Component);
+
+  function HtmlLongTextFormatter(_props) {
+    var _this;
 
-    _this.translateValue = function (props) {
+    _this = _Component.call(this, _props) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "translateValue", function (props) {
       var value = props.value;
 
       if (!value) {
@@ -43,54 +54,54 @@ var HtmlLongTextFormatter = /*#__PURE__*/function (_Component) {
       }
 
       return;
-    };
-
-    _this.convertMarkdown = function (mdFile) {
-      processor.process(mdFile).then(function (result) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "convertMarkdown", function (mdFile) {
+      _markdown2html.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;
   }
 
-  _createClass(HtmlLongTextFormatter, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.translateValue(this.props);
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var value = this.props.value;
+  var _proto = HtmlLongTextFormatter.prototype;
 
-      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
-        }
-      });
+  _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);
     }
-  }]);
+  };
+
+  _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
+      }
+    });
+  };
 
   return HtmlLongTextFormatter;
-}(Component);
-
-export default 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;