Web: Files: fixed dragging thirdparty folder

products/ASC.Files/Client/src/HOCs/withFileActions.js

@@ -60,7 +60,7 @@ export default function withFileActions(WrappedFileItem) {
         isActive,
       } = this.props;
 
-      const { id, isFolder } = item;
+      const { id, isFolder, isThirdPartyFolder } = item;
 
       const notSelectable = e.target.classList.contains("not-selectable");
       const isFileName = e.target.classList.contains("item-file-name");
@@ -72,7 +72,12 @@ export default function withFileActions(WrappedFileItem) {
       )
         return e;
 
-      if (window.innerWidth < 1025 || notSelectable || isMobile) {
+      if (
+        window.innerWidth < 1025 ||
+        notSelectable ||
+        isMobile ||
+        isThirdPartyFolder
+      ) {
         return e;
       }
 

products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/SimpleFilesRow.js

@@ -56,7 +56,10 @@ const StyledSimpleFilesRow = styled(Row)`
   ${(props) => (props.checked || props.isActive) && checkedStyle};
   ${(props) => props.dragging && draggingStyle}
   position: unset;
-  cursor: ${(props) => props.checked && `url(images/cursor.palm.svg), auto`};
+  cursor: ${(props) =>
+    !props.isThirdPartyFolder &&
+    (props.checked || props.isActive) &&
+    "url(images/cursor.palm.svg), auto"};
   margin-top: -2px;
 
   ${(props) =>
@@ -160,6 +163,7 @@ const SimpleFilesRow = (props) => {
           contextButtonSpacerWidth={displayShareButton}
           dragging={dragging && isDragging}
           isActive={isActive}
+          isThirdPartyFolder={item.isThirdPartyFolder}
         >
           <FilesRowContent
             item={item}

products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/TableRow.js

@@ -58,7 +58,9 @@ const StyledTableRow = styled(TableRow)`
     background: ${(props) =>
       (props.checked || props.isActive) && "#F3F4F4 !important"};
     cursor: ${(props) =>
-      (props.checked || props.isActive) && "url(images/cursor.palm.svg), auto"};
+      !props.isThirdPartyFolder &&
+      (props.checked || props.isActive) &&
+      "url(images/cursor.palm.svg), auto"};
   }
 
   &:hover {
@@ -238,6 +240,7 @@ const FilesTableRow = (props) => {
         checked={checkedProps}
         isActive={isActive}
         onHideContextMenu={onHideContextMenu}
+        isThirdPartyFolder={item.isThirdPartyFolder}
       >
         <TableCell {...dragStyles} {...selectionProp}>
           <FileNameCell {...props} />

products/ASC.Files/Client/src/store/FilesActionsStore.js

@@ -428,8 +428,15 @@ class FilesActionStore {
   };
 
   selectRowAction = (checked, file) => {
-    const { selected, setSelected, selectFile, deselectFile } = this.filesStore;
+    const {
+      selected,
+      setSelected,
+      selectFile,
+      deselectFile,
+      setBufferSelection,
+    } = this.filesStore;
     //selected === "close" && setSelected("none");
+    setBufferSelection(null);
     if (checked) {
       selectFile(file);
     } else {

products/ASC.Files/Client/src/store/FilesStore.js

@@ -98,6 +98,7 @@ class FilesStore {
   };
 
   setStartDrag = (startDrag) => {
+    this.selection = this.selection.filter((x) => !x.isThirdPartyFolder); // removed root thirdparty folders
     this.startDrag = startDrag;
   };
 
@@ -1130,6 +1131,7 @@ class FilesStore {
           )
         : null;
       const contextOptions = this.getFilesContextOptions(item, canOpenPlayer);
+      const isThirdPartyFolder = providerKey && id === rootFolderId;
 
       //const isCanWebEdit = canWebEdit(item.fileExst);
       const icon =
@@ -1212,6 +1214,7 @@ class FilesStore {
         previewUrl,
         folderUrl,
         href,
+        isThirdPartyFolder,
       };
     });