Web: Doceditor: refactoring hooks

web/ASC.Web.Editor/src/Editor.js

@@ -17,10 +17,12 @@ import {
 
 import { EditorWrapper } from "./StyledEditor";
 import { useTranslation } from "react-i18next";
-import useSharingDialog from "./helpers/useSharingDialog";
+import {
-import useSelectFileDialog from "./helpers/useSelectFileDialog";
+  useFilesUtils,
-import useSelectFolderDialog from "./helpers/useSelectFolderDialog";
+  useSelectFileDialog,
-import useFilesUtils from "./helpers/useFilesUtils";
+  useSelectFolderDialog,
+  useSharingDialog,
+} from "./hooks";
 
 const LoaderComponent = (
   <Loader

web/ASC.Web.Editor/src/hooks/index.js

@@ -0,0 +1,4 @@
+export { default as useFilesUtils } from "./useFilesUtils";
+export { default as useSelectFileDialog } from "./useSelectFileDialog";
+export { default as useSelectFolderDialog } from "./useSelectFolderDialog";
+export { default as useSharingDialog } from "./useSharingDialog";

web/ASC.Web.Editor/src/hooks/useFilesUtils.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { loadComponent } from "../components/dynamic";
-import { FILES_SCOPE } from "./constants";
+import { FILES_SCOPE } from "../helpers/constants";
 function useFilesUtils() {
   React.useEffect(() => {
     if (document.getElementById(FILES_SCOPE)) {

web/ASC.Web.Editor/src/hooks/useSelectFileDialog.js

@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 import DynamicComponent from "../components/dynamic";
 import { getPresignedUri } from "@appserver/common/api/files";
+import { FILES_REMOTE_ENTRY_URL, FILES_SCOPE } from "../helpers/constants";
 
 const insertImageAction = "imageFileType";
 const mailMergeAction = "mailMergeFileType";
@@ -122,8 +123,8 @@ function useSelectFileDialog(docEditor, t) {
     typeof window !== "undefined" && isFileDialogVisible ? (
       <DynamicComponent
         system={{
-          scope: "files",
+          scope: FILES_SCOPE,
-          url: "/products/files/remoteEntry.js",
+          url: FILES_REMOTE_ENTRY_URL,
           module: "./SelectFileDialog",
         }}
         resetTreeFolders

web/ASC.Web.Editor/src/hooks/useSelectFolderDialog.js

@@ -4,6 +4,7 @@ import Text from "@appserver/components/text";
 import TextInput from "@appserver/components/text-input";
 import Checkbox from "@appserver/components/checkbox";
 import { StyledSelectFolder } from "../StyledEditor";
+import { FILES_REMOTE_ENTRY_URL, FILES_SCOPE } from "../helpers/constants";
 
 function useSelectFolderDialog(t) {
   const [isFolderDialogVisible, setIsFolderDialogVisible] = useState(false);
@@ -71,8 +72,8 @@ function useSelectFolderDialog(t) {
         asideHeightContent="calc(100% - 50px)"
         foldersType="exceptSortedByTags"
         system={{
-          scope: "files",
+          scope: FILES_SCOPE,
-          url: "/products/files/remoteEntry.js",
+          url: FILES_REMOTE_ENTRY_URL,
           module: "./SelectFolderDialog",
         }}
         isPanelVisible={isFolderDialogVisible}

web/ASC.Web.Editor/src/hooks/useSharingDialog.js

@@ -1,5 +1,6 @@
 import React, { useState } from "react";
 import DynamicComponent from "../components/dynamic";
+import { FILES_REMOTE_ENTRY_URL, FILES_SCOPE } from "../helpers/constants";
 function useSharingDialog(fileInfo, fileId, docEditor) {
   const [isVisible, setIsVisible] = useState(false);
 
@@ -23,8 +24,8 @@ function useSharingDialog(fileInfo, fileId, docEditor) {
     <DynamicComponent
       className="dynamic-sharing-dialog"
       system={{
-        scope: "files",
+        scope: FILES_SCOPE,
-        url: "/products/files/remoteEntry.js",
+        url: FILES_REMOTE_ENTRY_URL,
         module: "./SharingDialog",
         name: "SharingDialog",
       }}