directual-web-components-v2 3.11.323 → 3.11.324

package/dist/index.modern.js

@@ -1824,7 +1824,9 @@ const dict = {
       assignedToMe: "Assigned to me",
       assignedTo: "Assigned to",
       taskResolved: "Task is resolved",
-      resolveTask: "Resolve task"
+      resolveTask: "Resolve task",
+      edit: "Edit",
+      save: "Save"
     },
     sortField: 'Sort field',
     error: 'Error',
@@ -2317,7 +2319,9 @@ const dict = {
       assignedToMe: "Назначено на меня",
       assignedTo: "Назначено на",
       taskResolved: "Задача закрыта",
-      resolveTask: "Закрыть задачу"
+      resolveTask: "Закрыть задачу",
+      edit: "Редактировать",
+      save: "Сохранить"
     },
     success: 'Успех',
     "auth": {
@@ -26323,6 +26327,7 @@ function Comments(props) {
   }
   const allowAttachment = _$1.includes(data.writeFields, _$1.get(data, "params._fileField"));
   const allowSend = _$1.includes(data.writeFields, _$1.get(data, "params._textField"));
+  const allowEdit = _$1.get(data, "params.general.allowEdit");
   return /*#__PURE__*/React.createElement("div", {
     className: styles$N.comments + " FPS_COMMENTS"
   }, /*#__PURE__*/React.createElement(CommentsHeader, _extends({
@@ -26343,6 +26348,7 @@ function Comments(props) {
     sendComment: sendComment,
     lang: lang,
     allowSend: allowSend,
+    allowEdit: allowEdit,
     loading: loading,
     allowAttachment: allowAttachment,
     comments: comments,
@@ -26359,9 +26365,16 @@ function Comment(props) {
     comments,
     parent,
     allowSend,
+    allowEdit,
     sendComment
   } = props;
   const [addReply, setAddReply] = useState(false);
+  const [isEditing, setIsEditing] = useState(false);
+  const [editText, setEditText] = useState("");
+  useEffect(() => {
+    const commentText = _$1.get(comment, _$1.get(data, "params._textField"));
+    setEditText(commentText || "");
+  }, [_$1.get(comment, _$1.get(data, "params._textField"))]);
   const formatDate = (value, formatOptions) => {
     if (!value) {
       return null;
@@ -26395,6 +26408,7 @@ function Comment(props) {
   }
   const isTask = !!_$1.get(comment, _$1.get(data, "params.assignmentOn_assignee"));
   const isAssignedToMe = (_$1.get(auth, "user") == _$1.get(comment, _$1.get(data, "params.assignmentOn_assignee")) || _$1.get(auth, "user") == _$1.get(comment, _$1.get(data, "params.assignmentOn_assignee") + ".id")) && _$1.get(auth, "isAuth");
+  const isAuthor = (_$1.get(auth, "user") == _$1.get(comment, _$1.get(data, "params._userField")) || _$1.get(auth, "user") == _$1.get(comment, _$1.get(data, "params._userField") + ".id")) && _$1.get(auth, "isAuth");
   const assigneName = isTask ? _$1.get(comment, _$1.get(data, "params.assignmentOn_assignee") + ".firstName") ? _$1.get(comment, _$1.get(data, "params.assignmentOn_assignee") + ".firstName") + ' ' + _$1.get(comment, _$1.get(data, "params.assignmentOn_assignee") + ".lastName") : _$1.get(comment, _$1.get(data, "params.assignmentOn_assignee") + ".id") || _$1.get(comment, _$1.get(data, "params.assignmentOn_assignee")) : '';
   const isResoled = isTask && _$1.get(comment, _$1.get(data, "params.assignmentOn_bool"));
   const resolvedDate = _$1.get(comment, _$1.get(data, "params.assignmentOn_dateClosed"));
@@ -26411,6 +26425,22 @@ function Comment(props) {
     _$1.get(data, "params.assignmentOn_dateClosed") && _$1.set(payload, _$1.get(data, "params.assignmentOn_dateClosed"), moment().toISOString());
     sendComment(payload, () => setLocalLoading(false), true);
   };
+  const saveEdit = () => {
+    if (!comment.id) return;
+    setLocalLoading(true);
+    let payload = {
+      id: comment.id
+    };
+    _$1.set(payload, _$1.get(data, "params._textField"), editText);
+    sendComment(payload, () => {
+      setLocalLoading(false);
+      setIsEditing(false);
+    }, true);
+  };
+  const cancelEdit = () => {
+    setEditText(commentText);
+    setIsEditing(false);
+  };
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: styles$N.commentWrapper + " FPS_COMMENT_WRAPPER"
   }, isTask && /*#__PURE__*/React.createElement("div", {
@@ -26442,7 +26472,31 @@ function Comment(props) {
     }
   }, dict[lang].comments.anon), /*#__PURE__*/React.createElement("div", {
     className: styles$N.commentBodyHeaderDate
-  }, formatDate(commentDate, formatCommentDate))), /*#__PURE__*/React.createElement("div", {
+  }, formatDate(commentDate, formatCommentDate))), isEditing ? /*#__PURE__*/React.createElement("div", {
+    className: styles$N.commentBodyText
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "textarea",
+    defaultValue: editText,
+    onChange: setEditText,
+    rows: "auto"
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: '8px',
+      display: 'flex',
+      gap: '8px'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    loading: localLoading,
+    onClick: saveEdit,
+    small: true,
+    height: 32,
+    accent: true,
+    disabled: !editText
+  }, dict[lang].comments.save), /*#__PURE__*/React.createElement(Button, {
+    onClick: cancelEdit,
+    small: true,
+    height: 32
+  }, dict[lang].comments.cancel))) : /*#__PURE__*/React.createElement("div", {
     className: styles$N.commentBodyText
   }, commentText), commentAttachment && commentAttachment.length > 0 && commentAttachment.map(file => {
     const fileName = file.split("/")[file.split("/").length - 1];
@@ -26453,12 +26507,15 @@ function Comment(props) {
       href: file,
       className: "icon icon-clip small " + styles$N.commentFileLink
     }, fileName));
-  }), _$1.includes(data.writeFields, _$1.get(data, "params._replyField")) && allowSend && /*#__PURE__*/React.createElement("div", {
+  }), !isEditing && (_$1.includes(data.writeFields, _$1.get(data, "params._replyField")) && allowSend || allowEdit && isAuthor) && /*#__PURE__*/React.createElement("div", {
     className: styles$N.commentBodyFooter
-  }, /*#__PURE__*/React.createElement("div", {
+  }, _$1.includes(data.writeFields, _$1.get(data, "params._replyField")) && allowSend && /*#__PURE__*/React.createElement("div", {
     onClick: e => setAddReply(true),
     className: "icon icon-bubble small " + styles$N.commentReplyButton
-  }, dict[lang].comments.reply)))), addReply && /*#__PURE__*/React.createElement("div", {
+  }, dict[lang].comments.reply), allowEdit && isAuthor && /*#__PURE__*/React.createElement("div", {
+    onClick: e => setIsEditing(true),
+    className: "icon icon-edit small " + styles$N.commentReplyButton
+  }, dict[lang].comments.edit)))), addReply && /*#__PURE__*/React.createElement("div", {
     className: styles$N.childComments
   }, /*#__PURE__*/React.createElement(AddComment, _extends({}, props, {
     parentID: commentID,