@seafile/seafile-editor 0.3.76

package/dist/components/comment-panel.js

@@ -0,0 +1,452 @@
+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 moment from 'moment';
+import { processor } from '../utils/seafile-markdown2html';
+import { Button, Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
+import ParticipantsList from './participants-list';
+import toaster from '../components/toast';
+import { MentionsInput, Mention } from 'react-mentions';
+import { defaultStyle } from '../css/react-mentions-default-style';
+import '../css/richeditor/comments-list.css';
+
+var CommentPanel = /*#__PURE__*/function (_React$Component) {
+  _inherits(CommentPanel, _React$Component);
+
+  var _super = _createSuper(CommentPanel);
+
+  function CommentPanel(props) {
+    var _this;
+
+    _classCallCheck(this, CommentPanel);
+
+    _this = _super.call(this, props);
+
+    _this.toggleResolvedComment = function () {
+      _this.setState({
+        showResolvedComment: !_this.state.showResolvedComment
+      });
+    };
+
+    _this.listComments = function (isScroll) {
+      _this.props.editorApi.listComments().then(function (res) {
+        _this.setState({
+          commentsList: res.data.comments
+        });
+
+        if (isScroll) {
+          var that = _assertThisInitialized(_this);
+
+          setTimeout(function () {
+            that.refs.commentsList.scrollTo(0, 10000);
+          }, 100);
+        }
+      });
+    };
+
+    _this.handleCommentChange = function (event) {
+      _this.setState({
+        comment: event.target.value
+      });
+    };
+
+    _this.resolveComment = function (event) {
+      _this.props.editorApi.updateComment(event.target.id, 'true').then(function () {
+        _this.listComments();
+      });
+    };
+
+    _this.deleteComment = function (event) {
+      _this.props.editorApi.deleteComment(event.target.id).then(function () {
+        _this.listComments();
+      });
+    };
+
+    _this.editComment = function (commentID, newComment) {
+      _this.props.editorApi.updateComment(commentID, null, null, newComment).then(function (res) {
+        _this.listComments();
+      });
+    };
+
+    _this.listRepoRelatedUsers = function () {
+      if (!window.showParticipants) return;
+
+      _this.props.editorApi.listRepoRelatedUsers().then(function (res) {
+        var users = res.data.user_list.map(function (item) {
+          return {
+            id: item.email,
+            display: item.name
+          };
+        });
+
+        _this.setState({
+          relatedUsers: users
+        });
+      });
+    };
+
+    _this.addComment = function () {
+      if (!_this.state.comment.trim()) return;
+
+      _this.props.editorApi.postComment(_this.state.comment.trim()).then(function () {
+        _this.listComments(true);
+      }).catch(function (err) {
+        if (err.response.data) {
+          toaster.danger(err.response.data['error_msg'], {
+            duration: 3
+          });
+        }
+      });
+
+      _this.setState({
+        comment: ''
+      });
+    };
+
+    _this.onSubmit = function () {
+      if (window.showParticipants) {
+        _this.addParticipant(_this.props.editorApi.userName);
+      }
+
+      if (_this.toBeAddedParticipant.length === 0 || !window.showParticipants) {
+        _this.addComment();
+      } else {
+        _this.props.editorApi.addFileParticipants(_this.toBeAddedParticipant).then(function (res) {
+          _this.toBeAddedParticipant = [];
+
+          _this.addComment();
+
+          _this.props.onParticipantsChange();
+        }).catch(function (err) {
+          if (err.response.data) {
+            toaster.danger(err.response.data['error_msg'], {
+              duration: 3
+            });
+          }
+        });
+      }
+    };
+
+    _this.checkParticipant = function (email) {
+      return _this.props.participants.map(function (participant) {
+        return participant.email;
+      }).includes(email);
+    };
+
+    _this.addParticipant = function (email) {
+      if (_this.checkParticipant(email)) return;
+
+      _this.toBeAddedParticipant.push(email);
+    };
+
+    _this.renderUserSuggestion = function (entry, search, highlightedDisplay, index, focused) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "user ".concat(focused ? 'focused' : '')
+      }, highlightedDisplay);
+    };
+
+    _this.state = {
+      commentsList: [],
+      showResolvedComment: true,
+      comment: '',
+      relatedUsers: null
+    };
+    _this.toBeAddedParticipant = [];
+    return _this;
+  }
+
+  _createClass(CommentPanel, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.listComments();
+      this.listRepoRelatedUsers();
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      if (this.props.relistComment !== nextProps.relistComment) this.listComments(true);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var t = this.props.t;
+      var participants = this.props.participants;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "seafile-comment"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "seafile-comment-toggle-resolved"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: 'seafile-comment-title-text'
+      }, t('Show_resolved_comments')), /*#__PURE__*/React.createElement("div", {
+        className: 'seafile-comment-title-toggle d-flex'
+      }, /*#__PURE__*/React.createElement("label", {
+        className: "custom-switch",
+        id: "toggle-resolved-comments"
+      }, /*#__PURE__*/React.createElement("input", {
+        type: "checkbox",
+        name: "option",
+        className: "custom-switch-input",
+        onChange: this.toggleResolvedComment,
+        checked: this.state.showResolvedComment && 'checked'
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "custom-switch-indicator"
+      })))), /*#__PURE__*/React.createElement("ul", {
+        className: window.showParticipants ? 'seafile-comment-list show-participants' : 'seafile-comment-list',
+        ref: "commentsList"
+      }, this.state.commentsList.length > 0 && this.state.commentsList.map(function (item) {
+        var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+        var arr = arguments.length > 2 ? arguments[2] : undefined;
+        var oldTime = new Date(item.created_at).getTime();
+        var time = moment(oldTime).format('YYYY-MM-DD HH:mm');
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: item.id
+        }, /*#__PURE__*/React.createElement(CommentItem, {
+          item: item,
+          time: time,
+          t: _this2.props.t,
+          deleteComment: _this2.deleteComment,
+          resolveComment: _this2.resolveComment,
+          editComment: _this2.editComment,
+          showResolvedComment: _this2.state.showResolvedComment,
+          editorApi: _this2.props.editorApi,
+          scrollToQuote: _this2.props.scrollToQuote
+        }));
+      }), this.state.commentsList.length === 0 && /*#__PURE__*/React.createElement("li", {
+        className: "comment-vacant"
+      }, t('no_comment_yet'))), /*#__PURE__*/React.createElement("div", {
+        className: "seafile-comment-footer"
+      }, participants && window.showParticipants && /*#__PURE__*/React.createElement(ParticipantsList, {
+        openDialogs: this.props.openDialogs,
+        participants: participants,
+        t: this.props.t
+      }), window.showParticipants ? /*#__PURE__*/React.createElement(MentionsInput, {
+        value: this.state.comment,
+        onChange: this.handleCommentChange,
+        placeholder: t('add_a_comment'),
+        style: defaultStyle
+      }, /*#__PURE__*/React.createElement(Mention, {
+        trigger: "@",
+        displayTransform: function displayTransform(username, display) {
+          return "@".concat(display);
+        },
+        data: this.state.relatedUsers,
+        renderSuggestion: this.renderUserSuggestion,
+        onAdd: function onAdd(id, display) {
+          _this2.addParticipant(id);
+        },
+        appendSpaceOnAdd: true
+      })) : /*#__PURE__*/React.createElement("textarea", {
+        className: "add-comment-input",
+        onChange: this.handleCommentChange,
+        value: this.state.comment,
+        placeholder: t('add_a_comment'),
+        clos: "100",
+        rows: "3",
+        warp: "virtual"
+      }), /*#__PURE__*/React.createElement(Button, {
+        className: "submit-comment",
+        color: "primary",
+        size: "sm",
+        onClick: this.onSubmit
+      }, t('submit'))));
+    }
+  }]);
+
+  return CommentPanel;
+}(React.Component);
+
+var CommentItem = /*#__PURE__*/function (_React$Component2) {
+  _inherits(CommentItem, _React$Component2);
+
+  var _super2 = _createSuper(CommentItem);
+
+  function CommentItem(props) {
+    var _this3;
+
+    _classCallCheck(this, CommentItem);
+
+    _this3 = _super2.call(this, props);
+
+    _this3.toggleDropDownMenu = function () {
+      _this3.setState({
+        dropdownOpen: !_this3.state.dropdownOpen
+      });
+    };
+
+    _this3.convertComment = function (item) {
+      processor.process(item.comment).then(function (result) {
+        var html = String(result);
+
+        _this3.setState({
+          html: html
+        });
+      });
+
+      if (item.detail) {
+        var detail = JSON.parse(item.detail);
+        processor.process(detail.quote).then(function (result) {
+          var quote = String(result);
+
+          _this3.setState({
+            quote: quote,
+            position: detail.position
+          });
+        });
+      }
+    };
+
+    _this3.toggleEditComment = function () {
+      _this3.setState({
+        editable: !_this3.state.editable
+      });
+    };
+
+    _this3.updateComment = function (event) {
+      var newComment = _this3.state.newComment;
+
+      if (_this3.props.item.comment !== newComment) {
+        _this3.props.editComment(event.target.id, newComment);
+      }
+
+      _this3.toggleEditComment();
+    };
+
+    _this3.handleCommentChange = function (event) {
+      _this3.setState({
+        newComment: event.target.value
+      });
+    };
+
+    _this3.state = {
+      dropdownOpen: false,
+      html: '',
+      newComment: _this3.props.item.comment,
+      editable: false,
+      quote: '',
+      position: null
+    };
+    return _this3;
+  }
+
+  _createClass(CommentItem, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      this.convertComment(this.props.item);
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      this.convertComment(nextProps.item);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          item = _this$props.item,
+          t = _this$props.t,
+          editorApi = _this$props.editorApi;
+
+      if (item.resolved && !this.props.showResolvedComment) {
+        return null;
+      }
+
+      if (this.state.editable) {
+        return /*#__PURE__*/React.createElement("li", {
+          className: "seafile-comment-item",
+          id: item.id
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "seafile-comment-info"
+        }, /*#__PURE__*/React.createElement("img", {
+          className: "avatar",
+          src: item.avatar_url,
+          alt: ""
+        }), /*#__PURE__*/React.createElement("div", {
+          className: "reviewer-info"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "reviewer-name ellipsis"
+        }, item.user_name), /*#__PURE__*/React.createElement("div", {
+          className: "review-time"
+        }, this.props.time))), /*#__PURE__*/React.createElement("div", {
+          className: "seafile-edit-comment"
+        }, /*#__PURE__*/React.createElement("textarea", {
+          className: "edit-comment-input",
+          value: this.state.newComment,
+          onChange: this.handleCommentChange,
+          clos: "100",
+          rows: "3",
+          warp: "virtual"
+        }), /*#__PURE__*/React.createElement(Button, {
+          className: "comment-btn",
+          color: "primary",
+          size: "sm",
+          onClick: this.updateComment,
+          id: item.id
+        }, t('Update')), ' ', /*#__PURE__*/React.createElement(Button, {
+          className: "comment-btn",
+          color: "secondary",
+          size: "sm",
+          onClick: this.toggleEditComment
+        }, t('cancel'))));
+      }
+
+      return /*#__PURE__*/React.createElement("li", {
+        className: item.resolved ? 'seafile-comment-item seafile-comment-item-resolved' : 'seafile-comment-item',
+        id: item.id
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "seafile-comment-info"
+      }, /*#__PURE__*/React.createElement("img", {
+        className: "avatar",
+        src: item.avatar_url,
+        alt: ""
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "reviewer-info"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "reviewer-name ellipsis"
+      }, item.user_name), /*#__PURE__*/React.createElement("div", {
+        className: "review-time"
+      }, this.props.time)), /*#__PURE__*/React.createElement(Dropdown, {
+        isOpen: this.state.dropdownOpen,
+        size: "sm",
+        className: "seafile-comment-dropdown",
+        toggle: this.toggleDropDownMenu
+      }, /*#__PURE__*/React.createElement(DropdownToggle, {
+        className: "seafile-comment-dropdown-btn"
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "iconfont icon-ellipsis-v"
+      })), /*#__PURE__*/React.createElement(DropdownMenu, null, item.user_email === editorApi.userName && /*#__PURE__*/React.createElement(DropdownItem, {
+        onClick: this.props.deleteComment,
+        className: "delete-comment",
+        id: item.id
+      }, t('delete')), item.user_email === editorApi.userName && /*#__PURE__*/React.createElement(DropdownItem, {
+        onClick: this.toggleEditComment,
+        className: "edit-comment",
+        id: item.id
+      }, t('edit')), !item.resolved && /*#__PURE__*/React.createElement(DropdownItem, {
+        onClick: this.props.resolveComment,
+        className: "seafile-comment-resolved",
+        id: item.id
+      }, t('Mark_as_Resolved'))))), item.detail && /*#__PURE__*/React.createElement("blockquote", {
+        className: "seafile-comment-content"
+      }, /*#__PURE__*/React.createElement("div", {
+        onClick: this.props.scrollToQuote.bind(this, this.state.position),
+        dangerouslySetInnerHTML: {
+          __html: this.state.quote
+        }
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "seafile-comment-content",
+        dangerouslySetInnerHTML: {
+          __html: this.state.html
+        }
+      }));
+    }
+  }]);
+
+  return CommentItem;
+}(React.Component);
+
+export default CommentPanel;

package/dist/components/context-menu.js

@@ -0,0 +1,112 @@
+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 { withTranslation } from 'react-i18next';
+
+var ContextMenu = /*#__PURE__*/function (_React$Component) {
+  _inherits(ContextMenu, _React$Component);
+
+  var _super = _createSuper(ContextMenu);
+
+  function ContextMenu(props) {
+    var _this;
+
+    _classCallCheck(this, ContextMenu);
+
+    _this = _super.call(this, props);
+
+    _this.setMenuPosition = function () {
+      var menuHeight = _this.menu.offsetHeight; // get height of context menu when the menu is drawing completed in this page
+
+      if (menuHeight === 0) {
+        requestAnimationFrame(_this.setMenuPosition);
+      }
+
+      var top = 0;
+
+      if (_this.position.top + menuHeight > document.body.clientHeight) {
+        top = document.body.clientHeight - menuHeight - 5;
+      } else {
+        top = _this.position.top;
+      }
+
+      var left = _this.position.left + 3;
+
+      _this.setState({
+        contextStyle: {
+          top: top,
+          left: left,
+          zIndex: '1051',
+          display: 'block'
+        }
+      });
+    };
+
+    _this.tableUtils = props.tableUtils;
+    _this.state = {
+      contextStyle: {}
+    };
+    return _this;
+  }
+
+  _createClass(ContextMenu, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.position = this.props.contextMenuPosition;
+      this.setMenuPosition();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.menu = null;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return /*#__PURE__*/React.createElement("div", {
+        role: 'menu',
+        style: this.state.contextStyle,
+        ref: function ref(_ref) {
+          return _this2.menu = _ref;
+        },
+        className: 'seafile-contextmenu dropdown-menu'
+      }, /*#__PURE__*/React.createElement("button", {
+        onMouseDown: function onMouseDown(event) {
+          return _this2.tableUtils.insertRow('before');
+        },
+        className: 'seafile-contextmenu-item dropdown-item'
+      }, this.props.t('Insert_Row_Before')), /*#__PURE__*/React.createElement("button", {
+        onMouseDown: function onMouseDown(event) {
+          return _this2.tableUtils.insertRow('after');
+        },
+        className: 'seafile-contextmenu-item dropdown-item'
+      }, this.props.t('Insert_Row_After')), /*#__PURE__*/React.createElement("button", {
+        onMouseDown: function onMouseDown(event) {
+          return _this2.tableUtils.insertColumn('before');
+        },
+        className: 'seafile-contextmenu-item dropdown-item'
+      }, this.props.t('Insert_Column_Before')), /*#__PURE__*/React.createElement("button", {
+        onMouseDown: function onMouseDown(event) {
+          return _this2.tableUtils.insertColumn('after');
+        },
+        className: 'seafile-contextmenu-item dropdown-item'
+      }, this.props.t('Insert_Column_After')), /*#__PURE__*/React.createElement("div", {
+        className: 'seafile-divider dropdown-divider'
+      }), /*#__PURE__*/React.createElement("button", {
+        onMouseDown: this.tableUtils.removeRow,
+        className: 'seafile-contextmenu-item dropdown-item'
+      }, this.props.t('Remove_Row')), /*#__PURE__*/React.createElement("button", {
+        onMouseDown: this.tableUtils.removeColumn,
+        className: 'seafile-contextmenu-item dropdown-item'
+      }, this.props.t('Remove_Column')));
+    }
+  }]);
+
+  return ContextMenu;
+}(React.Component);
+
+export default withTranslation('seafile-editor')(ContextMenu);

package/dist/components/detail-list-view.js

@@ -0,0 +1,119 @@
+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 moment from 'moment';
+import ParticipantsList from './participants-list';
+import '../css/richeditor/detail-list-view.css';
+
+var DetailListView = /*#__PURE__*/function (_React$Component) {
+  _inherits(DetailListView, _React$Component);
+
+  var _super = _createSuper(DetailListView);
+
+  function DetailListView() {
+    var _this;
+
+    _classCallCheck(this, DetailListView);
+
+    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.onEditFileTagToggle = function () {
+      _this.props.openDialogs && _this.props.openDialogs('file_tags');
+    };
+
+    _this.onListRelatedFileToggle = function () {
+      _this.props.openDialogs && _this.props.openDialogs('related_files');
+    };
+
+    _this.bytesToSize = function (bytes) {
+      if (bytes < 0) return '--';
+      var sizes = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
+
+      if (bytes === 0) {
+        return bytes + ' ' + sizes[0];
+      }
+
+      var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1000)), 10);
+
+      if (i === 0) {
+        return bytes + ' ' + sizes[i];
+      } else {
+        return (bytes / Math.pow(1000, i)).toFixed(1) + ' ' + sizes[i];
+      }
+    };
+
+    return _this;
+  }
+
+  _createClass(DetailListView, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          fileTagList = _this$props.fileTagList,
+          relatedFiles = _this$props.relatedFiles,
+          fileInfo = _this$props.fileInfo;
+      var _this$props$editorApi = this.props.editorApi,
+          filePath = _this$props$editorApi.filePath,
+          serviceUrl = _this$props$editorApi.serviceUrl;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "dirent-table-container"
+      }, /*#__PURE__*/React.createElement("table", {
+        className: "table-thead-hidden"
+      }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+        width: "40%"
+      }), /*#__PURE__*/React.createElement("th", {
+        width: "60%"
+      }))), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, this.props.t('Size')), /*#__PURE__*/React.createElement("td", null, this.bytesToSize(fileInfo.size))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, this.props.t('Location')), /*#__PURE__*/React.createElement("td", null, filePath)), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, this.props.t('Last_Update')), /*#__PURE__*/React.createElement("td", null, moment(fileInfo.last_modified).fromNow())), /*#__PURE__*/React.createElement("tr", {
+        className: "file-tag-container"
+      }, /*#__PURE__*/React.createElement("th", null, this.props.t('Tags')), /*#__PURE__*/React.createElement("td", null, fileTagList.length > 0 && /*#__PURE__*/React.createElement("ul", {
+        className: "file-tag-list"
+      }, fileTagList.map(function (fileTag) {
+        return /*#__PURE__*/React.createElement("li", {
+          key: fileTag.id,
+          className: "file-tag-item"
+        }, /*#__PURE__*/React.createElement("span", {
+          className: "file-tag",
+          style: {
+            backgroundColor: fileTag.tag_color
+          }
+        }), /*#__PURE__*/React.createElement("span", {
+          className: "tag-name",
+          title: fileTag.tag_name
+        }, fileTag.tag_name));
+      })), /*#__PURE__*/React.createElement("i", {
+        className: "iconfont icon-pencil attr-action-icon",
+        onClick: this.onEditFileTagToggle
+      }))), /*#__PURE__*/React.createElement("tr", {
+        className: "file-related-files"
+      }, /*#__PURE__*/React.createElement("th", null, this.props.t('Related_Files')), /*#__PURE__*/React.createElement("td", null, relatedFiles.length > 0 && /*#__PURE__*/React.createElement("ul", null, relatedFiles.map(function (relatedFile, index) {
+        var href = serviceUrl + '/lib/' + relatedFile.repo_id + '/file' + encodeURIComponent(relatedFile.path);
+        return /*#__PURE__*/React.createElement("li", {
+          key: index
+        }, /*#__PURE__*/React.createElement("a", {
+          href: href,
+          rel: "noopener noreferrer",
+          target: "_blank"
+        }, relatedFile.name));
+      })), /*#__PURE__*/React.createElement("i", {
+        className: "iconfont icon-pencil attr-action-icon",
+        onClick: this.onListRelatedFileToggle
+      }))), this.props.participants && window.showParticipants && /*#__PURE__*/React.createElement("tr", {
+        className: "file-participants"
+      }, /*#__PURE__*/React.createElement("th", null, this.props.t('Participants')), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(ParticipantsList, {
+        openDialogs: this.props.openDialogs,
+        participants: this.props.participants,
+        t: this.props.t
+      }))))));
+    }
+  }]);
+
+  return DetailListView;
+}(React.Component);
+
+export default DetailListView;