Client: added disabling the context menu, selecting a file/folder and info panel when edit index mode enable

packages/client/src/components/Section/index.tsx

@@ -41,10 +41,12 @@ export default inject(
     settingsStore,
     dialogsStore,
     infoPanelStore,
+    indexingStore,
   }: {
     settingsStore: any;
     dialogsStore: any;
     infoPanelStore: any;
+    indexingStore: any;
   }) => {
     const {
       isDesktopClient: isDesktop,
@@ -59,6 +61,8 @@ export default inject(
     const { isVisible, isMobileHidden, setIsVisible, getCanDisplay } =
       infoPanelStore;
 
+    const { isIndexEditingMode } = indexingStore;
+
     const { createRoomDialogVisible, invitePanelOptions } = dialogsStore;
 
     const canDisplay = getCanDisplay();
@@ -71,7 +75,7 @@ export default inject(
     return {
       isDesktop,
       currentDeviceType,
-      isInfoPanelVisible: isVisible,
+      isInfoPanelVisible: isVisible && !isIndexEditingMode,
       isMobileHidden,
       setIsInfoPanelVisible: setIsVisible,
       canDisplay,

packages/client/src/pages/Home/Section/Body/TableView/StyledTable.js

@@ -80,6 +80,14 @@ const StyledTableRow = styled(TableRow)`
     border-right: 0; //for Safari
   }
 
+  ${(props) =>
+    props.isIndexEditingMode &&
+    css`
+      .table-container_element {
+        display: flex !important;
+      }
+    `}
+
   .table-container_cell:not(.table-container_element-wrapper) {
     height: auto;
     max-height: 48;

packages/client/src/pages/Home/Section/Body/TableView/TableContainer.js

@@ -136,6 +136,7 @@ const Table = ({
   filterTotal,
   isRooms,
   isTrashFolder,
+  isIndexEditingMode,
   withPaging,
   columnStorageName,
   columnInfoPanelStorageName,
@@ -203,6 +204,7 @@ const Table = ({
         item={item}
         itemIndex={index}
         index={index}
+        isIndexEditingMode={isIndexEditingMode}
         setFirsElemChecked={setFirsElemChecked}
         setHeaderBorder={setHeaderBorder}
         theme={theme}
@@ -226,6 +228,7 @@ const Table = ({
     highlightFile.id,
     highlightFile.isExst,
     isTrashFolder,
+    isIndexEditingMode,
   ]);
 
   return (
@@ -266,6 +269,8 @@ export default inject(
     tableStore,
     userStore,
     settingsStore,
+
+    indexingStore,
   }) => {
     const { isVisible: infoPanelVisible } = infoPanelStore;
 
@@ -287,6 +292,8 @@ export default inject(
       highlightFile,
     } = filesStore;
 
+    const { isIndexEditingMode } = indexingStore;
+
     const { withPaging, theme, currentDeviceType } = settingsStore;
 
     return {
@@ -303,6 +310,7 @@ export default inject(
       filterTotal: isRooms ? roomsFilterTotal : filterTotal,
       isRooms,
       isTrashFolder,
+      isIndexEditingMode,
       withPaging,
       columnStorageName,
       columnInfoPanelStorageName,

packages/client/src/pages/Home/Section/Body/TableView/TableRow.js

@@ -65,6 +65,7 @@ const FilesTableRow = (props) => {
     id,
     isRooms,
     isTrashFolder,
+    isIndexEditingMode,
     isHighlight,
     hideColumns,
     onDragOver,
@@ -140,6 +141,13 @@ const FilesTableRow = (props) => {
     ? `${item.id}_${item.fileExst}`
     : item.id ?? "";
 
+  const contextOptionProps = isIndexEditingMode
+    ? {}
+    : {
+        contextOptions: item.contextOptions,
+        getContextModel,
+      };
+
   return (
     <StyledDragAndDrop
       id={id}
@@ -163,16 +171,15 @@ const FilesTableRow = (props) => {
         selectionProp={selectionProp}
         key={item.id}
         fileContextClick={fileContextClick}
-        onClick={onMouseClick}
+        onClick={isIndexEditingMode ? () => {} : onMouseClick}
         isActive={isActive}
+        isIndexEditingMode={isIndexEditingMode}
         inProgress={inProgress}
         isFolder={item.isFolder}
         onHideContextMenu={onHideContextMenu}
         isThirdPartyFolder={item.isThirdPartyFolder}
         onDoubleClick={onDoubleClick}
         checked={checkedProps}
-        contextOptions={item.contextOptions}
-        getContextModel={getContextModel}
         showHotkeyBorder={showHotkeyBorder}
         title={
           item.isFolder
@@ -184,6 +191,7 @@ const FilesTableRow = (props) => {
         hideColumns={hideColumns}
         badgeUrl={badgeUrl}
         canDrag={canDrag}
+        {...contextOptionProps}
       >
         {isRooms ? (
           <RoomsRowDataComponent

packages/client/src/pages/Home/Section/Body/TableView/sub-components/FileNameCell.js

@@ -40,6 +40,7 @@ const FileNameCell = ({
   theme,
   t,
   inProgress,
+  isIndexEditingMode,
 }) => {
   const { title, viewAccessibility } = item;
 
@@ -65,12 +66,14 @@ const FileNameCell = ({
         >
           <div className="table-container_element-container">
             <div className="table-container_element">{element}</div>
-            <Checkbox
+            {!isIndexEditingMode && (
-              className="table-container_row-checkbox"
+              <Checkbox
-              onChange={onChange}
+                className="table-container_row-checkbox"
-              isChecked={checked}
+                onChange={onChange}
-              title={t("Common:TitleSelectFile")}
+                isChecked={checked}
-            />
+                title={t("Common:TitleSelectFile")}
+              />
+            )}
           </div>
         </TableCell>
       )}