@seafile/sdoc-editor 0.3.9 → 0.3.10-beta

package/dist/basic-sdk/comment/components/comment-participants-editor/index.css

@@ -8,7 +8,7 @@
   width: 280px;
 }
 
-.sdoc-comments-participants-popover .selected-participants {
+.sdoc-comments-participants-popover .sdoc-selected-participants {
   background-color: #f6f6f6;
   padding: 5px;
   border-bottom: 1px solid #dde2ea;
@@ -16,7 +16,7 @@
   min-height: 34px;
 }
 
-.sdoc-comments-participants-popover .selected-participant {
+.sdoc-comments-participants-popover .sdoc-selected-participant {
   display: inline-flex;
   align-items: center;
   height: 20px;
@@ -27,20 +27,20 @@
   background: #eaeaea;
 }
 
-.sdoc-comments-participants-popover .selected-participant img {
+.sdoc-comments-participants-popover .sdoc-selected-participant img {
   width: 16px;
   height: 16px;
   border-radius: 50%;
   vertical-align: middle;
 }
 
-.sdoc-comments-participants-popover .selected-participant .selected-participant-name {
+.sdoc-comments-participants-popover .sdoc-selected-participant .sdoc-selected-participant-name {
   margin-left: 4px;
   flex: 1 1;
   color: #16181b;
 }
 
-.sdoc-comments-participants-popover .selected-participant .selected-participant-delete {
+.sdoc-comments-participants-popover .sdoc-selected-participant .sdoc-selected-participant-delete {
   width: 20px;
   height: 20px;
   display: flex;
@@ -50,25 +50,25 @@
   cursor: pointer;
 }
 
-.sdoc-comments-participants-popover .selected-participant .selected-participant-delete .sdocfont {
+.sdoc-comments-participants-popover .sdoc-selected-participant .sdoc-selected-participant-delete .sdocfont {
   display: inline-block;
   font-size: 12px;
   color: #909090;
 }
 
-.sdoc-comments-participants-popover .selected-participant .selected-participant-delete:hover .sdocfont {
+.sdoc-comments-participants-popover .sdoc-selected-participant .sdoc-selected-participant-delete:hover .sdocfont {
   color: #5a5a5a;
 }
 
-.sdoc-comments-participants-popover .search-collaborators {
+.sdoc-comments-participants-popover .sdoc-search-collaborators {
   padding: 10px;
 }
 
-.sdoc-comments-participants-popover .search-collaborators input {
+.sdoc-comments-participants-popover .sdoc-search-collaborators input {
   height: 28px;
 }
 
-.sdoc-comments-participants-popover .searched-collaborators {
+.sdoc-comments-participants-popover .sdoc-searched-collaborators {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -77,13 +77,13 @@
   overflow: auto;
 }
 
-.sdoc-comments-participants-popover .searched-collaborators.empty-tip {
+.sdoc-comments-participants-popover .sdoc-searched-collaborators.sdoc-searched-collaborators-empty-tip {
   opacity: .5;
   font-size: 14px;
   align-items: flex-start;
 }
 
-.sdoc-comments-participants-popover .searched-collaborator {
+.sdoc-comments-participants-popover .sdoc-searched-collaborator {
   display: flex;
   align-items: center;
   width: 100%;
@@ -96,12 +96,12 @@
   font-size: 14px;
 }
 
-.sdoc-comments-participants-popover .searched-collaborator:hover {
+.sdoc-comments-participants-popover .sdoc-searched-collaborator:hover {
   cursor: pointer;
   background-color: #f8f9fa;
 }
 
-.sdoc-comments-participants-popover .searched-collaborator img {
+.sdoc-comments-participants-popover .sdoc-searched-collaborator img {
   width: 16px;
   height: 16px;
   margin-left: 10px;
@@ -109,7 +109,7 @@
   vertical-align: middle;
 }
 
-.sdoc-comments-participants-popover .searched-collaborator .selected-participant-name {
+.sdoc-comments-participants-popover .sdoc-searched-collaborator .sdoc-selected-participant-name {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -118,7 +118,7 @@
   color: #16181b;
 }
 
-.sdoc-comments-participants-popover .searched-collaborator .searched-collaborator-operation {
+.sdoc-comments-participants-popover .sdoc-searched-collaborator .sdoc-searched-collaborator-operation {
   width: 20px;
   height: 20px;
   display: flex;
@@ -126,7 +126,7 @@
   justify-content: center;
 }
 
-.sdoc-comments-participants-popover .searched-collaborator .searched-collaborator-operation .sdocfont {
+.sdoc-comments-participants-popover .sdoc-searched-collaborator .sdoc-searched-collaborator-operation .sdocfont {
   font-size: 12px;
   color: #798d99;
 }

package/dist/basic-sdk/comment/components/comment-participants-editor/index.js

@@ -46,7 +46,7 @@ const CommentParticipantsEditor = forwardRef((_ref, ref) => {
     className: "sdoc-comments-participants-editor-container",
     onClick: event => eventStopPropagation(event)
   }, /*#__PURE__*/React.createElement(SelectedParticipants, null), /*#__PURE__*/React.createElement("div", {
-    className: "search-collaborators"
+    className: "sdoc-search-collaborators"
   }, /*#__PURE__*/React.createElement("input", {
     className: "form-control",
     type: "text",

package/dist/basic-sdk/comment/components/comment-participants-editor/searched-collaborators.js

@@ -24,11 +24,11 @@ const SearchedCollaborators = _ref => {
   }, [deleteParticipant, addParticipants]);
   if (!Array.isArray(collaborators) || collaborators.length === 0) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "searched-collaborators empty-tip"
+      className: "sdoc-searched-collaborators sdoc-searched-collaborators-empty-tip"
     }, t('No_collaborators_available'));
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "searched-collaborators"
+    className: "sdoc-searched-collaborators"
   }, collaborators.map(collaborator => {
     const {
       name,
@@ -38,15 +38,15 @@ const SearchedCollaborators = _ref => {
     const isSelected = participants.find(participant => participant.username === username);
     return /*#__PURE__*/React.createElement("div", {
       key: username,
-      className: "searched-collaborator",
+      className: "sdoc-searched-collaborator",
       onClick: event => onSelectParticipant(event, collaborator, isSelected)
     }, /*#__PURE__*/React.createElement("img", {
       src: avatar_url,
       alt: ""
     }), /*#__PURE__*/React.createElement("div", {
-      className: "selected-participant-name"
+      className: "sdoc-selected-participant-name"
     }, name), /*#__PURE__*/React.createElement("div", {
-      className: "searched-collaborator-operation"
+      className: "sdoc-searched-collaborator-operation"
     }, isSelected && /*#__PURE__*/React.createElement("i", {
       className: "sdocfont sdoc-check-mark"
     })));

package/dist/basic-sdk/comment/components/comment-participants-editor/selected-participants.js

@@ -14,7 +14,7 @@ const SelectedParticipants = () => {
   }, [deleteParticipant]);
   if (!Array.isArray(participants) || participants.length === 0) return null;
   return /*#__PURE__*/React.createElement("div", {
-    className: "selected-participants"
+    className: "sdoc-selected-participants"
   }, participants.map(participant => {
     const {
       name,
@@ -23,14 +23,14 @@ const SelectedParticipants = () => {
     } = participant;
     return /*#__PURE__*/React.createElement("div", {
       key: username,
-      className: "selected-participant"
+      className: "sdoc-selected-participant"
     }, /*#__PURE__*/React.createElement("img", {
       src: avatar_url,
       alt: ""
     }), /*#__PURE__*/React.createElement("div", {
-      className: "selected-participant-name"
+      className: "sdoc-selected-participant-name"
     }, name), /*#__PURE__*/React.createElement("div", {
-      className: "selected-participant-delete",
+      className: "sdoc-selected-participant-delete",
       onClick: () => onDeleteParticipant(participant),
       title: t('Delete')
     }, /*#__PURE__*/React.createElement("i", {

package/dist/basic-sdk/comment/components/global-comment/global-comment-body-header.js

@@ -26,7 +26,7 @@ const CommentTypeDropdownItem = _ref => {
 };
 const GlobalCommentBodyHeader = _ref2 => {
   let {
-    commentList,
+    commentList = [],
     commentType,
     setCommentType
   } = _ref2;

package/dist/basic-sdk/comment/components/global-comment/index.js

@@ -140,7 +140,7 @@ const GlobalComment = _ref => {
   }, /*#__PURE__*/React.createElement("div", {
     id: "global-comment-list-container",
     className: "sdoc-comment-list-container"
-  }, commentList.map(comment => {
+  }, Array.isArray(commentList) && commentList.map(comment => {
     const elementId = comment.detail.element_id;
     const element = getNodeById(editor.children, elementId);
     if (!element && elementId !== DOC_COMMENT_ELEMENT_ID) return null;

package/dist/basic-sdk/extension/plugins/check-list/render-elem.js

@@ -33,10 +33,10 @@ class CheckListItem extends React.PureComponent {
       textAlign: align
     };
     return /*#__PURE__*/React.createElement("div", Object.assign({
-      className: "sdoc-checkbox-container",
       "data-id": id,
       "data-root": "true"
     }, attributes, {
+      className: "sdoc-checkbox-container ".concat(attributes.className),
       style: style
     }), /*#__PURE__*/React.createElement("span", {
       className: "sdoc-checkbox-input-wrapper",

package/dist/basic-sdk/extension/plugins/header/render-elem.js

@@ -14,10 +14,10 @@ export const renderTitle = (props, editor) => {
     textAlign: element.align
   };
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    className: "sdoc-header-title",
     "data-id": element.id,
     "data-root": "true"
   }, attributes, {
+    className: "sdoc-header-title ".concat(attributes.className),
     style: _objectSpread({}, style)
   }), children);
 };
@@ -33,10 +33,10 @@ export const renderSubtitle = (props, editor) => {
     textAlign: element.align
   };
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    className: "sdoc-header-subtitle",
     "data-id": element.id,
     "data-root": "true"
   }, attributes, {
+    className: "sdoc-header-subtitle ".concat(attributes.className),
     style: _objectSpread({}, style)
   }), children);
 };
@@ -63,12 +63,12 @@ export const renderHeader = (props, editor) => {
     isShowPlaceHolder = true;
   }
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    className: "sdoc-header-".concat(level),
     "data-id": element.id,
     id: element.id // used for click left outline item, page scroll this element
     ,
     "data-root": "true"
   }, attributes, {
+    className: "sdoc-header-".concat(level, " ").concat(attributes.className),
     style: _objectSpread({
       position: isShowPlaceHolder ? 'relative' : ''
     }, style)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.3.9",
+  "version": "0.3.10beta",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",