better column chooser

packages/web/src/impexp/ImportExportConfigurator.svelte

@@ -76,6 +76,7 @@
   const { values, setFieldValue } = getFormContext();
 
   $: targetDbinfo = useDatabaseInfo({ conid: $values.targetConnectionId, database: $values.targetDatabaseName });
+  $: sourceDbinfo = useDatabaseInfo({ conid: $values.sourceConnectionId, database: $values.sourceDatabaseName });
   $: sourceConnectionInfo = useConnectionInfo({ conid: $values.sourceConnectionId });
   $: sourceEngine = $sourceConnectionInfo?.engine;
   $: sourceList = $values.sourceList;
@@ -219,7 +220,9 @@
         <Link
           onClick={() => {
             showModal(ColumnMapModal, {
-              value: $values[`columns_${row}`],
+              initialValue: $values[`columns_${row}`],
+              sourceTableInfo: $sourceDbinfo?.tables?.find(x => x.pureName == row),
+              targetTableInfo: $targetDbinfo?.tables?.find(x => x.pureName == values[`targetName_${row}`] || row),
               onConfirm: value => setFieldValue(`columns_${row}`, value),
             });
           }}

packages/web/src/modals/ColumnMapModal.svelte

@@ -12,16 +12,48 @@
 
   export let header = 'Configure columns';
   export let onConfirm;
-  export let value = [];
+
+  export let sourceTableInfo;
+  export let targetTableInfo;
+
+  export let initialValue;
+
+  function getResetValue() {
+    if (sourceTableInfo && !targetTableInfo) {
+      return sourceTableInfo.columns.map(x => ({
+        src: x.columnName,
+        dst: x.columnName,
+        skip: false,
+      }));
+    }
+    return [];
+  }
+
+  const resetValue = getResetValue();
+
+  function equalValues(v1, v2) {
+    if (!v1 || !v2) return false;
+    if (v1.length != v2.length) return false;
+    for (let i = 0; i < v1.length; i++) {
+      if (v1[i].src != v2[i].src || v1[i].dst != v2[i].dst || !!v1[i].skip != !!v2[i].skip) return false;
+    }
+    return true;
+  }
+
+  $: differentFromReset = !equalValues(value, resetValue);
+
+  let value = initialValue?.length > 0 ? initialValue : resetValue;
 </script>
 
 <FormProvider>
   <ModalBase {...$$restProps}>
     <div slot="header">{header}</div>
 
-    <div class="m-3">
+    {#if resetValue.length == 0}
-      When no columns are defined in this mapping, source row is copied to target without any modifications
+      <div class="m-3">
-    </div>
+        When no columns are defined in this mapping, source row is copied to target without any modifications
+      </div>
+    {/if}
 
     <TableControl
       columns={[
@@ -68,7 +100,7 @@
         value="OK"
         on:click={() => {
           closeCurrentModal();
-          onConfirm(!value || value.length == 0 ? null : value);
+          onConfirm(!value || value.length == 0 || !differentFromReset ? null : value);
         }}
       />
       <FormStyledButton type="button" value="Close" on:click={closeCurrentModal} />
@@ -82,8 +114,9 @@
       <FormStyledButton
         type="button"
         value="Reset"
+        disabled={!differentFromReset}
         on:click={() => {
-          value = [];
+          value = resetValue;
         }}
       />
     </svelte:fragment>