open import/export tab function

packages/web/src/appobj/ArchiveFileAppObject.svelte

@@ -71,12 +71,13 @@
   import { getExtensions } from '../stores';
 
   import createQuickExportMenu from '../utility/createQuickExportMenu';
-  import { exportQuickExportFile } from '../utility/exportFileTools';
+  import { exportQuickExportFile,  } from '../utility/exportFileTools';
   import openNewTab from '../utility/openNewTab';
   import AppObjectCore from './AppObjectCore.svelte';
   import InputTextModal from '../modals/InputTextModal.svelte';
   import ConfirmModal from '../modals/ConfirmModal.svelte';
   import { apiCall } from '../utility/api';
+  import { openImportExportTab } from '../utility/importExportTools';
 
   export let data;
 
@@ -156,13 +157,19 @@
           {
             text: 'Export',
             onClick: () => {
-              showModal(ImportExportModal, {
+              openImportExportTab({
-                initialValues: {
                 sourceStorageType: 'archive',
                 sourceArchiveFolder: data.folderName,
                 sourceList: [data.fileName],
-                },
               });
+
+              // showModal(ImportExportModal, {
+              //   initialValues: {
+              //     sourceStorageType: 'archive',
+              //     sourceArchiveFolder: data.folderName,
+              //     sourceList: [data.fileName],
+              //   },
+              // });
             },
           }
         ),

packages/web/src/appobj/DatabaseAppObject.svelte

@@ -98,25 +98,39 @@
     };
 
     const handleImport = () => {
-      showModal(ImportExportModal, {
+      openImportExportTab({
-        initialValues: {
         sourceStorageType: getDefaultFileFormat($extensions).storageType,
         targetStorageType: 'database',
         targetConnectionId: connection._id,
         targetDatabaseName: name,
-        },
       });
+
+      // showModal(ImportExportModal, {
+      //   initialValues: {
+      //     sourceStorageType: getDefaultFileFormat($extensions).storageType,
+      //     targetStorageType: 'database',
+      //     targetConnectionId: connection._id,
+      //     targetDatabaseName: name,
+      //   },
+      // });
     };
 
     const handleExport = () => {
-      showModal(ImportExportModal, {
+      openImportExportTab({
-        initialValues: {
         targetStorageType: getDefaultFileFormat($extensions).storageType,
         sourceStorageType: 'database',
         sourceConnectionId: connection._id,
         sourceDatabaseName: name,
-        },
       });
+
+      // showModal(ImportExportModal, {
+      //   initialValues: {
+      //     targetStorageType: getDefaultFileFormat($extensions).storageType,
+      //     sourceStorageType: 'database',
+      //     sourceConnectionId: connection._id,
+      //     sourceDatabaseName: name,
+      //   },
+      // });
     };
 
     const handleSqlGenerator = () => {
@@ -390,13 +404,13 @@
   import ConfirmSqlModal, { runOperationOnDatabase, saveScriptToDatabase } from '../modals/ConfirmSqlModal.svelte';
   import { filterAppsForDatabase } from '../utility/appTools';
   import newQuery from '../query/newQuery';
-  import { exportSqlDump } from '../utility/exportFileTools';
   import ImportDatabaseDumpModal from '../modals/ImportDatabaseDumpModal.svelte';
   import ExportDatabaseDumpModal from '../modals/ExportDatabaseDumpModal.svelte';
   import ConfirmModal from '../modals/ConfirmModal.svelte';
   import { closeMultipleTabs } from '../tabpanel/TabsPanel.svelte';
   import NewCollectionModal from '../modals/NewCollectionModal.svelte';
   import hasPermission from '../utility/hasPermission';
+  import { openImportExportTab } from '../utility/importExportTools';
 
   export let data;
   export let passProps;

packages/web/src/appobj/DatabaseObjectAppObject.svelte

@@ -764,22 +764,13 @@
             },
             {
               onClick: () => {
-                openNewTab(
+                openImportExportTab({
-                  {
-                    tabComponent: 'ImportExportTab',
-                    title: 'Import/Export',
-                    icon: 'img export',
-                  },
-                  {
-                    editor: {
                   sourceStorageType: 'database',
                   sourceConnectionId: data.conid,
                   sourceDatabaseName: data.database,
                   sourceSchemaName: data.schemaName,
                   sourceList: [data.pureName],
-                    },
+                });
-                  }
-                );
                 // showModal(ImportExportModal, {
                 //   initialValues: {
                 //     sourceStorageType: 'database',
@@ -848,6 +839,7 @@
   import { format as dateFormat } from 'date-fns';
   import { getDefaultFileFormat } from '../plugins/fileformats';
   import hasPermission from '../utility/hasPermission';
+  import { openImportExportTab } from '../utility/importExportTools';
 
   export let data;
   export let passProps;

packages/web/src/utility/exportFileTools.ts

@@ -226,17 +226,18 @@ export async function downloadFromApi(route: string, donloadName: string) {
     method: 'GET',
     headers: resolveApiHeaders(),
   })
-    .then((res) => res.blob())
+    .then(res => res.blob())
-    .then((blob) => {
+    .then(blob => {
       const objUrl = URL.createObjectURL(blob);
-      const a = document.createElement("a");
+      const a = document.createElement('a');
       document.body.appendChild(a);
       a.download = donloadName;
       a.href = objUrl;
       a.click();
       a.remove();
       setTimeout(() => {
-        URL.revokeObjectURL(objUrl)
+        URL.revokeObjectURL(objUrl);
-      })
+      });
-    })
+    });
 }
+

packages/web/src/utility/importExportTools.ts

@@ -0,0 +1,14 @@
+import openNewTab from './openNewTab';
+
+export function openImportExportTab(editorProps) {
+  openNewTab(
+    {
+      tabComponent: 'ImportExportTab',
+      title: 'Import/Export',
+      icon: 'img export',
+    },
+    {
+      editor: editorProps,
+    }
+  );
+}