dtable-ui-component 5.3.1-beta → 5.3.1-beta2

package/lib/RowExpandDialog/body/index.js

@@ -9,15 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
-var _constants = require("../constants");
-var _utils = require("../utils");
+var _constants = require("../../constants");
+var _utils = require("../../utils/utils");
 var _columnContent = _interopRequireDefault(require("../column-content"));
 var _RowExpandEditor = _interopRequireDefault(require("../../RowExpandEditor"));
 var _RowExpandFormatter = _interopRequireDefault(require("../../RowExpandFormatter"));
 require("./index.css");
 class Body extends _react.default.Component {
-  constructor(props) {
-    super(props);
+  constructor(_props) {
+    super(_props);
     this.setEditorRef = columnIndex => editor => {
       this.editors[columnIndex] = editor;
     };
@@ -61,7 +61,8 @@ class Body extends _react.default.Component {
     };
     this.onHotKey = event => {
       const {
-        columns
+        columns,
+        onKeyDown
       } = this.props;
       const readonly = Array.isArray(columns) && columns.length > 0 ? !columns.some(c => c.editable) : true;
       const keyCode = event.keyCode;
@@ -73,6 +74,7 @@ class Body extends _react.default.Component {
         this.props.onRowExpandCancel();
         return;
       }
+      onKeyDown && onKeyDown(event);
       if (keyCode === _constants.keyCodes.UpArrow) {
         this.onPressUpKey();
         return;
@@ -83,6 +85,7 @@ class Body extends _react.default.Component {
       }
       if (keyCode === _constants.keyCodes.Tab && !readonly) {
         this.onPressTab(event);
+        return;
       }
     };
     this.onPressTab = event => {
@@ -118,13 +121,14 @@ class Body extends _react.default.Component {
       }
     };
     this.downloadImage = imageItemUrl => {
-      let rotateIndex = imageItemUrl.indexOf('?a=');
-      if (rotateIndex > -1) {
-        imageItemUrl = imageItemUrl.slice(0, rotateIndex);
-      }
-      let imageUrlSuffix = imageItemUrl.indexOf('?dl=1');
-      let downloadUrl = imageUrlSuffix !== -1 ? imageItemUrl : imageItemUrl + '?dl=1';
-      (0, _utils.downloadFile)(downloadUrl);
+      this.props.getDownLoadFiles([{
+        url: imageItemUrl
+      }]).then(res => {
+        const [downloadUrl] = res.data.urls;
+        (0, _utils.downloadFile)(downloadUrl);
+      }).catch(error => {
+        // todo
+      });
     };
     this.getCellValue = _ref => {
       let {
@@ -139,22 +143,13 @@ class Body extends _react.default.Component {
     };
     this.renderColumnValue = (row, column, columnIndex, isEditorFocus) => {
       const {
-        eventBus,
-        departments,
-        userDepartmentIdsMap,
-        columns,
         component,
-        valueKey,
-        collaborators,
-        getCollaborators,
-        queryCollaborators,
         onChange,
-        uploadFile,
-        longTextEditorAPI,
-        config,
-        lang,
-        seafileEditorI18n
+        ...props
       } = this.props;
+      const {
+        getDownLoadFiles
+      } = props;
       const {
         editable
       } = column;
@@ -163,45 +158,25 @@ class Body extends _react.default.Component {
         formatter
       } = component || {};
       if (editable) {
-        return /*#__PURE__*/_react.default.createElement(_RowExpandEditor.default, {
+        return /*#__PURE__*/_react.default.createElement(_RowExpandEditor.default, Object.assign({}, props, {
           column: column,
           row: row,
-          columns: columns,
-          eventBus: eventBus,
-          departments: departments,
-          userDepartmentIdsMap: userDepartmentIdsMap,
           component: editor,
           isEditorFocus: isEditorFocus,
           columnIndex: columnIndex,
-          valueKey: valueKey,
           isInModal: true,
-          longTextEditorI18n: seafileEditorI18n,
-          lang: lang,
-          collaborators: collaborators,
-          config: config,
-          getCollaborators: getCollaborators,
-          queryCollaborators: queryCollaborators,
           updateTabIndex: this.updateTabIndex,
           onCommit: value => onChange(column, value),
           onEditorOpen: this.onEditorOpen,
-          onEditorClose: this.onEditorClose,
-          uploadFile: uploadFile,
-          longTextEditorAPI: longTextEditorAPI
-        });
+          onEditorClose: this.onEditorClose
+        }));
       }
-      return /*#__PURE__*/_react.default.createElement(_RowExpandFormatter.default, {
+      return /*#__PURE__*/_react.default.createElement(_RowExpandFormatter.default, Object.assign({}, props, {
         column: column,
         row: row,
-        collaborators: collaborators,
-        config: config,
-        eventBus: eventBus,
-        departments: departments,
         component: formatter,
-        valueKey: valueKey,
-        downloadImage: this.downloadImage,
-        getCollaborators: getCollaborators,
-        queryCollaborators: queryCollaborators
-      });
+        downloadImage: getDownLoadFiles ? this.downloadImage : null
+      }));
     };
     this.renderColumnContent = (row, column, columnIndex) => {
       const isEditorFocus = columnIndex === this.state.tabIndex && column.editable;
@@ -211,13 +186,27 @@ class Body extends _react.default.Component {
         column: column
       }, this.renderColumnValue(row, column, columnIndex, isEditorFocus)));
     };
+    this.renderChildren = () => {
+      const {
+        columns,
+        row,
+        children
+      } = this.props;
+      const props = {
+        columns,
+        row
+      };
+      const CustomChildren = children;
+      if ( /*#__PURE__*/_react.default.isValidElement(CustomChildren)) return /*#__PURE__*/_react.default.cloneElement(CustomChildren, props);
+      if ((0, _utils.isFunction)(CustomChildren)) return /*#__PURE__*/_react.default.createElement(CustomChildren, props);
+      return children;
+    };
     this.state = {
       tabIndex: 0
     };
     this.fieldEditorOpen = false;
     this.focusDom = /*#__PURE__*/_react.default.createRef();
     this.editors = [];
-    this.commentInputFocus = false;
     this.contentRef = null;
   }
   componentDidMount() {
@@ -227,16 +216,12 @@ class Body extends _react.default.Component {
     if (prevState.tabIndex !== this.state.tabIndex) {
       this.scrollToFocus();
     }
-    if (prevState.isShowComment !== this.state.isShowComment) {
-      this.commentInputFocus = false;
-    }
   }
   componentWillUnmount() {
     window.removeEventListener('keydown', this.onHotKey);
   }
   render() {
     const {
-      isInsertingRow,
       columns,
       row,
       placeholder
@@ -247,8 +232,6 @@ class Body extends _react.default.Component {
       className: "dtable-ui-row-expand-body-content",
       ref: ref => this.contentRef = ref
     }, columns.length === 0 && placeholder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, placeholder), columns.map((column, index) => {
-      // Do not display creator, last_modifier, ctime, mtime when inserting row
-      if (isInsertingRow && !column.editable) return null;
       const {
         type,
         data
@@ -262,7 +245,7 @@ class Body extends _react.default.Component {
           row,
           column
         });
-        const cellValue = (0, _utils.getFormulaArrayValue)(value, !(0, _utils.isArrayFormalColumn)(array_type));
+        const cellValue = (0, _utils.getFormulaArrayValue)(value, !(0, _utils.isArrayFormatColumn)(array_type));
         if (cellValue.length >= 10) {
           isHasMore = true;
         }
@@ -273,7 +256,7 @@ class Body extends _react.default.Component {
         }),
         key: column.key
       }, this.renderColumnContent(row, column, index));
-    })));
+    })), this.renderChildren());
   }
 }
 var _default = exports.default = Body;

package/lib/RowExpandDialog/column-content/index.css

@@ -7,6 +7,7 @@
   display: inline-block;
   padding: 0 0.3125rem;
   margin-left: -0.3125rem;
+  width: 24px;
 }
 
 .dtable-ui-header-icon .dtable-font {

package/lib/RowExpandDialog/header/index.css

@@ -1,8 +1,8 @@
-.dtable-ui-row-expand-header .dtable-ui-row-expand-header-close-list {
+.dtable-ui-row-expand-header .dtable-ui-row-expand-header-right-btns {
   display: flex;
 }
 
-.dtable-ui-row-expand-header .dtable-ui-row-expand-header-close-list .header-close-list-btn {
+.dtable-ui-row-expand-header .dtable-ui-row-expand-header-right-btns .header-close-btn {
   height: 24px;
   width: 24px;
   padding: 0 5px;
@@ -12,7 +12,7 @@
   font-weight: 700;
 }
 
-.dtable-ui-row-expand-header .dtable-ui-row-expand-header-close-list .header-close-list-btn:hover {
+.dtable-ui-row-expand-header .dtable-ui-row-expand-header-right-btns .header-close-btn:hover {
   opacity: 0.75;
   cursor: pointer;
 }

package/lib/RowExpandDialog/header/index.js

@@ -1,33 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _lang = require("../../lang");
+var _utils = require("../../utils/utils");
+var _IconButton = _interopRequireDefault(require("../../IconButton"));
 require("./index.css");
 const Header = _ref => {
   let {
+    title,
+    columns,
+    row,
     onToggle,
-    title
+    copyURL,
+    children
   } = _ref;
+  const renderTitle = (0, _react.useCallback)(() => {
+    const props = {
+      columns,
+      row
+    };
+    const CustomTitle = title;
+    if ( /*#__PURE__*/_react.default.isValidElement(CustomTitle)) return /*#__PURE__*/_react.default.cloneElement(CustomTitle, props);
+    if ((0, _utils.isFunction)(CustomTitle)) return /*#__PURE__*/_react.default.createElement(CustomTitle, props);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "dtable-ui-row-expand-header-title text-truncate"
+    }, title);
+  }, [columns, row, title]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
     className: "d-print-none dtable-ui-row-expand-header",
     close: /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-row-expand-header-close-list"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      role: "button",
-      "aria-label": (0, _lang.getLocale)('Close_expanded_record'),
-      className: "dtable-font dtable-icon-x header-close-list-btn",
-      onClick: onToggle
+      className: "dtable-ui-row-expand-header-right-btns"
+    }, copyURL && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      icon: "url",
+      onClick: () => copyURL(),
+      "aria-label": (0, _lang.getLocale)('Get_URL'),
+      title: (0, _lang.getLocale)('Get_URL')
+    }), children, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      icon: "x",
+      onClick: onToggle,
+      title: (0, _lang.getLocale)('Close_expanded_record'),
+      "aria-label": (0, _lang.getLocale)('Close_expanded_record')
     }))
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "dtable-ui-row-expand-header-left-btns"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-row-expand-header-title text-truncate"
-  }, title)));
+  }, renderTitle()));
 };
 var _default = exports.default = Header;

package/lib/RowExpandDialog/index.js

@@ -16,8 +16,8 @@ var _body = _interopRequireDefault(require("./body"));
 var _Loading = _interopRequireDefault(require("../Loading"));
 var _utils = require("../utils/utils");
 var _cellComparer = require("../utils/cell-comparer");
-require("./index.css");
 var _toaster = _interopRequireDefault(require("../toaster"));
+require("./index.css");
 const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     saveImmediately = true,
@@ -25,25 +25,18 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     zIndex,
     title,
     className,
-    placeholder,
-    collaborators,
-    component,
-    eventBus,
     valueKey = 'name',
     // name or key
-    departments,
-    userDepartmentIdsMap,
-    config,
     layout = 'horizontal',
     // horizontal or vertical
-    longTextEditorAPI,
     getRow,
     modifyRow,
-    getCollaborators,
-    queryCollaborators,
     checkEditable = c => c.editable && !_dtableUtils.NOT_SUPPORT_EDIT_COLUMN_TYPE_MAP[c.type],
     onToggle,
-    uploadFile
+    uploadFile,
+    copyURL,
+    children,
+    ...otherProps
   } = _ref;
   const [isAnimationEnd, setAnimationEnd] = (0, _react.useState)(false);
   const [isLoading, setLoading] = (0, _react.useState)(true);
@@ -92,11 +85,14 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         columns
       } = res.data;
       setRow(row);
-      const validColumns = columns.map(c => ({
+      let validColumns = columns.map(c => ({
         ...c,
         editable: _checkEditable(c, row),
         width: 320
       }));
+      if (isInsertingRow) {
+        validColumns = validColumns.filter(c => c.editable);
+      }
       isChangedRef.current = isInsertingRow && Object.keys(row).length > 0;
       setColumns(validColumns);
       setLoading(false);
@@ -215,43 +211,6 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       });
     }
   }), [row, columns]);
-  const renderContent = (0, _react.useCallback)(() => {
-    if (!isAnimationEnd) return null;
-    if (isLoading) return /*#__PURE__*/_react.default.createElement("div", {
-      className: "w-100 -h-100 d-flex align-items-center justify-content-center"
-    }, /*#__PURE__*/_react.default.createElement(_Loading.default, null));
-    if (errorMessage) return /*#__PURE__*/_react.default.createElement("div", null, errorMessage);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-row-expand-details"
-    }, /*#__PURE__*/_react.default.createElement(_header.default, {
-      onToggle: toggle,
-      title: title
-    }), /*#__PURE__*/_react.default.createElement(_body.default, {
-      isInsertingRow: isInsertingRow,
-      row: row,
-      columns: columns,
-      placeholder: placeholder,
-      collaborators: collaborators,
-      eventBus: eventBus,
-      component: component,
-      valueKey: valueKey,
-      departments: departments,
-      userDepartmentIdsMap: userDepartmentIdsMap,
-      config: config,
-      onChange: onChange,
-      getCollaborators: getCollaborators,
-      queryCollaborators: queryCollaborators,
-      uploadFile: uploadFile,
-      longTextEditorAPI: longTextEditorAPI
-    }), (!saveImmediately || isInsertingRow) && /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      onClick: toggle,
-      color: "secondary"
-    }, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      onClick: onSubmit,
-      disabled: isSaving || !isChangedRef.current,
-      color: "primary"
-    }, (0, _lang.getLocale)('Submit'))));
-  }, [isSaving, saveImmediately, isAnimationEnd, isLoading, isInsertingRow, errorMessage, title, row, columns, placeholder, collaborators, component, valueKey, departments, userDepartmentIdsMap, eventBus, onChange, toggle, getCollaborators, queryCollaborators, uploadFile, longTextEditorAPI, config, onSubmit]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: true,
     toggle: onToggle,
@@ -263,6 +222,31 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     fade: false,
     innerRef: modalRef,
     keyboard: false
-  }, renderContent());
+  }, isAnimationEnd && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLoading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "w-100 -h-100 d-flex align-items-center justify-content-center"
+  }, /*#__PURE__*/_react.default.createElement(_Loading.default, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, errorMessage ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "w-100 -h-100 d-flex align-items-center justify-content-center error"
+  }, errorMessage) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "dtable-ui-row-expand-details"
+  }, /*#__PURE__*/_react.default.createElement(_header.default, {
+    title: title,
+    row: row,
+    columns: columns,
+    copyURL: copyURL,
+    onToggle: toggle
+  }, children[0]), /*#__PURE__*/_react.default.createElement(_body.default, Object.assign({}, otherProps, {
+    row: row,
+    columns: columns,
+    valueKey: valueKey,
+    onChange: onChange,
+    uploadFile: uploadFile
+  }), children[1]), (!saveImmediately || isInsertingRow) && /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    onClick: toggle,
+    color: "secondary"
+  }, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    onClick: onSubmit,
+    disabled: isSaving || !isChangedRef.current,
+    color: "primary"
+  }, (0, _lang.getLocale)('Submit')))))));
 });
 var _default = exports.default = RowExpandDialog;

package/lib/RowExpandEditor/RowExpandLongTextEditor/index.js

@@ -93,7 +93,6 @@ class RowExpandLongTextEditor extends _react.default.Component {
     const {
       column,
       longTextEditorAPI,
-      lang,
       longTextEditorI18n
     } = this.props;
     const {
@@ -109,7 +108,7 @@ class RowExpandLongTextEditor extends _react.default.Component {
       i18n: longTextEditorI18n
     }, /*#__PURE__*/_react.default.createElement(_seafileEditor.LongTextInlineEditor, {
       ref: this.editorRef,
-      lang: lang,
+      lang: _lang.LANGUAGE,
       headerName: column.name,
       value: value || '',
       autoSave: true,

package/lib/RowExpandFormatter/RowExpandLinkFormatter/index.js

@@ -13,7 +13,7 @@ var _CTimeFormatter = _interopRequireDefault(require("../../CTimeFormatter"));
 var _MTimeFormatter = _interopRequireDefault(require("../../MTimeFormatter"));
 var _DateFormatter = _interopRequireDefault(require("../../DateFormatter"));
 var _collaboratorItemFormatter = _interopRequireDefault(require("./collaborator-item-formatter"));
-var _utils = require("./utils");
+var _utils = require("../../utils/utils");
 var _valueDisplayUtils = require("./value-display-utils");
 require("./index.css");
 class RowExpandLinkFormatter extends _react.Component {

package/lib/RowExpandFormatter/index.css

@@ -100,7 +100,7 @@
   background-color: #fff;
 }
 
-.dtable-ui.dtable-row-expand-formatter .geolocation-formatter-container {
+.dtable-ui.dtable-row-expand-formatter .dtable-ui-geolocation-formatter-container {
   margin-top: 0.5rem;
   display: flex;
   align-items: center;

package/lib/RowExpandFormatter/index.js

@@ -102,11 +102,10 @@ class RowExpandFormatter extends _react.default.Component {
           }
         case _constants.CellType.GEOLOCATION:
           {
-            if (typeof cellValue !== 'object') return /*#__PURE__*/_react.default.createElement("div", {
-              className: "geolocation-formatter-container"
-            });
+            if (!cellValue) return null;
+            if (typeof cellValue !== 'object') return null;
             return /*#__PURE__*/_react.default.createElement("div", {
-              className: "geolocation-formatter-container"
+              className: "dtable-ui-geolocation-formatter-container"
             }, /*#__PURE__*/_react.default.createElement(Formatter, {
               value: cellValue,
               data: column.data,

package/lib/lang/index.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.LANGUAGE = void 0;
 exports.getLocale = getLocale;
 exports.getMobileDatePickerLocale = getMobileDatePickerLocale;
 exports.setLocale = setLocale;
@@ -34,10 +35,10 @@ let langData = {
   'es': _es.default,
   'zh-cn': _zhCN.default
 };
-let LANGUAGE = 'en';
+let LANGUAGE = exports.LANGUAGE = 'en';
 let LANGUAGE_MAP = langData[LANGUAGE];
 function setLocale(args) {
-  LANGUAGE = typeof args === 'string' ? args : LANGUAGE;
+  exports.LANGUAGE = LANGUAGE = typeof args === 'string' ? args : LANGUAGE;
   LANGUAGE_MAP = langData[LANGUAGE];
 }
 function substitute(str, obj) {

package/lib/locales/de.json

@@ -159,5 +159,9 @@
   "Long_text_exceed_limit_message": "Das Dokument hat eine Länge von mehr als 100.000 Zeichen und kann daher nicht gespeichert werden.",
   "Long_text_exceed_limit_suggest": "Die Länge dieses Dokuments überschreitet das Maximum von 100.000 Zeichen. Nur 100.000 Zeichen werden gespeichert.",
   "Deleted_option": "Die Option wurde gelöscht.",
-  "Input_does_not_meet_specifications": "Die Eingabe entspricht nicht der Vorgabe."
+  "Input_does_not_meet_specifications": "Die Eingabe entspricht nicht der Vorgabe.",
+  "Mark_as_resolved": "Als erledigt markieren",
+  "No_comment_yet": "Es sind keine Kommentare vorhanden.",
+  "Add_comment": "Kommentar hinzufügen",
+  "Add_participants": "Teilnehmer hinzufügen"
 }

package/lib/locales/en.json

@@ -159,5 +159,9 @@
   "Long_text_exceed_limit_message": "The content of the document has exceeded the limit of 100000 characters, and the content cannot be saved",
   "Long_text_exceed_limit_suggest": "The content of the document has exceeded the limit of 100000 characters, and only the first 100000 characters are saved",
   "Deleted_option": "deleted option",
-  "Input_does_not_meet_specifications": "Input does not meet specifications"
+  "Input_does_not_meet_specifications": "Input does not meet specifications",
+  "Mark_as_resolved": "Mark as resolved",
+  "No_comment_yet": "No comment yet",
+  "Add_comment": "Add comment",
+  "Add_participants": "Add participants"
 }

package/lib/locales/es.json

@@ -159,5 +159,9 @@
   "Long_text_exceed_limit_message": "El contenido del documento ha superado el límite de 100.000 caracteres y no puede ser guardado",
   "Long_text_exceed_limit_suggest": "El contenido del documento excede el límite de 100.000 caracteres y solo se guardarán los primeros 100.000 caracteres.",
   "Deleted_option": "Opciones borradas",
-  "Input_does_not_meet_specifications": "Input does not meet specifications"
+  "Input_does_not_meet_specifications": "Input does not meet specifications",
+  "Mark_as_resolved": "Marcar como resuelto",
+  "No_comment_yet": "No comment yet",
+  "Add_comment": "Añadir comentario",
+  "Add_participants": "Añadir participantes"
 }

package/lib/locales/fr.json

@@ -159,5 +159,9 @@
   "Long_text_exceed_limit_message": "Le document a une longueur de plus de 100.000 caractères et ne peut donc pas être enregistré.",
   "Long_text_exceed_limit_suggest": "La longueur de ce document dépasse le maximum de 100.000 caractères. Seuls 100.000 sont enregistrés.",
   "Deleted_option": "L'option a été supprimée.",
-  "Input_does_not_meet_specifications": "L'entrée n'est pas conforme à la spécification."
+  "Input_does_not_meet_specifications": "L'entrée n'est pas conforme à la spécification.",
+  "Mark_as_resolved": "Marquer comme résolu",
+  "No_comment_yet": "Aucun commentaire n'est disponible.",
+  "Add_comment": "Ajouter un commentaire",
+  "Add_participants": "Ajouter des participants"
 }

package/lib/locales/pt.json

@@ -159,5 +159,9 @@
   "Long_text_exceed_limit_message": "O conteúdo do documento excedeu o limite de 100000 caracteres e o conteúdo não pode ser salvo",
   "Long_text_exceed_limit_suggest": "O conteúdo do documento excedeu o limite de 100000 caracteres e apenas os primeiros 100000 caracteres são salvos",
   "Deleted_option": "opção excluída",
-  "Input_does_not_meet_specifications": "Input does not meet specifications"
+  "Input_does_not_meet_specifications": "Input does not meet specifications",
+  "Mark_as_resolved": "Marca conforme resolvido",
+  "No_comment_yet": "No comment yet",
+  "Add_comment": "Adicionar comentário",
+  "Add_participants": "Adicione participantes"
 }

package/lib/locales/ru.json

@@ -159,5 +159,9 @@
   "Long_text_exceed_limit_message": "Содержимое документа превысило лимит в 100000 символов, и сохранить его невозможно",
   "Long_text_exceed_limit_suggest": "Содержание документа превысило лимит в 100000 символов, поэтому сохранятся только первые 100000 символов",
   "Deleted_option": "удаленный параметр",
-  "Input_does_not_meet_specifications": "Input does not meet specifications"
+  "Input_does_not_meet_specifications": "Input does not meet specifications",
+  "Mark_as_resolved": "Пометить как разрешенный",
+  "No_comment_yet": "Пока без комментариев",
+  "Add_comment": "Добавить комментарий",
+  "Add_participants": "Добавить участников"
 }

package/lib/locales/zh-CN.json

@@ -159,5 +159,9 @@
   "Long_text_exceed_limit_message": "文档内容已超过 100000 字符限制，内容无法保存",
   "Long_text_exceed_limit_suggest": "文档内容已超过 100000 个字符的限制，仅保存前 100000 个字符",
   "Deleted_option": "已删除的标签",
-  "Input_does_not_meet_specifications": "输入不符合规范"
+  "Input_does_not_meet_specifications": "输入不符合规范",
+  "Mark_as_resolved": "标记为已解决",
+  "No_comment_yet": "暂无评论",
+  "Add_comment": "增加评论",
+  "Add_participants": "添加参与人"
 }

package/lib/utils/hotkey.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSpace = exports.isShiftModEnter = exports.isShiftEnter = exports.isOptPageup = exports.isOptPagedown = exports.isModZ = exports.isModUp = exports.isModSlash = exports.isModShiftZ = exports.isModShiftG = exports.isModShiftDot = exports.isModShiftComma = exports.isModSemicolon = exports.isModS = exports.isModRight = exports.isModP = exports.isModOptionR = exports.isModOptionE = exports.isModLeft = exports.isModL = exports.isModG = exports.isModF = exports.isModDown = exports.isModDot = exports.isModComma = exports.isModC = exports.isModBackslash = exports.isEsc = exports.isEnter = void 0;
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+const isModC = exports.isModC = (0, _isHotkey.default)('mod+c');
+const isModS = exports.isModS = (0, _isHotkey.default)('mod+s');
+const isModZ = exports.isModZ = (0, _isHotkey.default)('mod+z');
+const isModL = exports.isModL = (0, _isHotkey.default)('mod+l');
+const isModF = exports.isModF = (0, _isHotkey.default)('mod+f');
+const isModP = exports.isModP = (0, _isHotkey.default)('mod+p');
+const isModG = exports.isModG = (0, _isHotkey.default)('mod+g');
+const isModDot = exports.isModDot = (0, _isHotkey.default)('mod+.');
+const isModComma = exports.isModComma = (0, _isHotkey.default)('mod+,');
+const isModSlash = exports.isModSlash = (0, _isHotkey.default)('mod+/');
+const isModBackslash = exports.isModBackslash = (0, _isHotkey.default)('mod+\'');
+const isModSemicolon = exports.isModSemicolon = (0, _isHotkey.default)('mod+;');
+const isModUp = exports.isModUp = (0, _isHotkey.default)('mod+up');
+const isModDown = exports.isModDown = (0, _isHotkey.default)('mod+down');
+const isModLeft = exports.isModLeft = (0, _isHotkey.default)('mod+left');
+const isModRight = exports.isModRight = (0, _isHotkey.default)('mod+right');
+const isModShiftZ = exports.isModShiftZ = (0, _isHotkey.default)('mod+shift+z');
+const isModShiftG = exports.isModShiftG = (0, _isHotkey.default)('mod+shift+g');
+const isModOptionR = exports.isModOptionR = (0, _isHotkey.default)('mod+option+r');
+const isModOptionE = exports.isModOptionE = (0, _isHotkey.default)('mod+option+e');
+const isModShiftDot = exports.isModShiftDot = (0, _isHotkey.default)('mod+shift+.');
+const isModShiftComma = exports.isModShiftComma = (0, _isHotkey.default)('mod+shift+,');
+const isShiftEnter = exports.isShiftEnter = (0, _isHotkey.default)('shift+enter');
+const isShiftModEnter = exports.isShiftModEnter = (0, _isHotkey.default)('shift+mod+enter');
+const isOptPageup = exports.isOptPageup = (0, _isHotkey.default)('opt+pageup');
+const isOptPagedown = exports.isOptPagedown = (0, _isHotkey.default)('opt+pagedown');
+const isSpace = exports.isSpace = (0, _isHotkey.default)('space');
+const isEsc = exports.isEsc = (0, _isHotkey.default)('esc');
+const isEnter = exports.isEnter = (0, _isHotkey.default)('enter');