refactor: ts on ipc api

src/renderer/components/BaseSelect.vue

@@ -380,48 +380,49 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .select {
-   display: block;
+  display: block;
 
-   &:focus, &--open {
-      z-index: 10;
-   }
+  &:focus,
+  &--open {
+    z-index: 10;
+  }
 
-   &__search-input {
-      appearance: none;
-      border: none;
-      background: transparent;
-      outline: none;
-      color: currentColor;
-      max-width: 100%;
-      width: 100%;
-   }
+  &__search-input {
+    appearance: none;
+    border: none;
+    background: transparent;
+    outline: none;
+    color: currentColor;
+    max-width: 100%;
+    width: 100%;
+  }
 
-   &__list-wrapper {
-      cursor: pointer;
-      position: fixed;
-      display: block;
-      z-index: 5;
-      -webkit-overflow-scrolling: touch;
-      max-height: 240px;
-      overflow: auto;
-      left: 0;
-      top: 40px;
-   }
+  &__list-wrapper {
+    cursor: pointer;
+    position: fixed;
+    display: block;
+    z-index: 5;
+    -webkit-overflow-scrolling: touch;
+    max-height: 240px;
+    overflow: auto;
+    left: 0;
+    top: 40px;
+  }
 
-   &__list {
-      list-style: none;
-   }
+  &__list {
+    list-style: none;
+  }
 
-   &__option {
-      &--disabled {
-         opacity: 0.6;
-         cursor: not-allowed;
-      }
-   }
-
-   &--disabled {
+  &__option {
+    &--disabled {
       opacity: 0.6;
       cursor: not-allowed;
-   }
+    }
+  }
+
+  &--disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
 }
 </style>

src/renderer/components/ForeignKeySelect.vue

@@ -8,7 +8,7 @@
       dropdown-class="select-sm"
       dropdown-container=".workspace-query-results > .vscroll"
       @change="onChange"
-      @blur="$emit('blur')"
+      @blur="emit('blur')"
    />
 </template>
 
@@ -20,6 +20,7 @@ import { useNotificationsStore } from '@/stores/notifications';
 import { useWorkspacesStore } from '@/stores/workspaces';
 import { TEXT, LONG_TEXT } from 'common/fieldTypes';
 import BaseSelect from '@/components/BaseSelect.vue';
+import { TableField } from 'common/interfaces/antares';
 
 const props = defineProps({
    modelValue: [String, Number],
@@ -56,7 +57,7 @@ const foreigns = computed(() => {
    return list;
 });
 
-const onChange = (opt: any) => {
+const onChange = (opt: HTMLSelectElement) => {
    emit('update:modelValue', opt.value);
 };
 
@@ -65,7 +66,7 @@ const cutText = (val: string) => {
    return val.length > 15 ? `${val.substring(0, 15)}...` : val;
 };
 
-let foreignDesc;
+let foreignDesc: string | false;
 const params = {
    uid: selectedWorkspace.value,
    schema: props.keyUsage.refSchema,
@@ -77,7 +78,7 @@ const params = {
       const { status, response } = await Tables.getTableColumns(params);
 
       if (status === 'success') {
-         const textField = response.find((field: {type: string; name: string}) => [...TEXT, ...LONG_TEXT].includes(field.type) && field.name !== props.keyUsage.refField);
+         const textField = (response as TableField[]).find((field: {type: string; name: string}) => [...TEXT, ...LONG_TEXT].includes(field.type) && field.name !== props.keyUsage.refField);
          foreignDesc = textField ? textField.name : false;
       }
       else

src/renderer/components/ModalExportSchema.vue

@@ -469,14 +469,15 @@ onBeforeUnmount(() => {
   overflow: hidden;
 
   .left {
-     display: flex;
-     flex-direction: column;
-     flex: 1;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
   }
 }
 
 .workspace-query-results {
-   flex: 1 0 1px;
+  flex: 1 0 1px;
+
   .table {
     width: 100% !important;
   }
@@ -492,25 +493,24 @@ onBeforeUnmount(() => {
 }
 
 .modal {
-
   .modal-container {
     max-width: 800px;
   }
 
-    .modal-body {
-      max-height: 60vh;
-      display: flex;
-      flex-direction: column;
-    }
+  .modal-body {
+    max-height: 60vh;
+    display: flex;
+    flex-direction: column;
+  }
 
-    .modal-footer {
-       display: flex;
-    }
+  .modal-footer {
+    display: flex;
+  }
 }
 
 .progress-status {
-   font-style: italic;
-   font-size: 80%;
+  font-style: italic;
+  font-size: 80%;
 }
 
 </style>

src/renderer/components/ModalImportSchema.vue

@@ -166,24 +166,23 @@ defineExpose({ startImport });
 
 <style lang="scss" scoped>
 .modal {
+  .modal-container {
+    max-width: 800px;
+  }
 
-   .modal-container {
-      max-width: 800px;
-   }
+  .modal-body {
+    max-height: 60vh;
+    display: flex;
+    flex-direction: column;
+  }
 
-   .modal-body {
-      max-height: 60vh;
-      display: flex;
-      flex-direction: column;
-   }
-
-   .modal-footer {
-      display: flex;
-   }
+  .modal-footer {
+    display: flex;
+  }
 }
 
 .progress-status {
-   font-style: italic;
-   font-size: 80%;
+  font-style: italic;
+  font-size: 80%;
 }
 </style>

src/renderer/components/ModalSettings.vue

@@ -79,7 +79,7 @@
                                     />
                                  </div>
                                  <div class="col-4 col-sm-12 px-2 p-vcentered">
-                                    <small class="d-block" style="line-height:1.1; font-size:70%;">
+                                    <small class="d-block" style="line-height: 1.1; font-size: 70%;">
                                        {{ t('message.missingOrIncompleteTranslation') }}<br>
                                        <a class="text-bold c-hand" @click="openOutside('https://github.com/antares-sql/antares/wiki/Translate-Antares')">{{ t('message.findOutHowToContribute') }}</a>
                                     </small>

src/renderer/components/WorkspaceAddConnectionPanel.vue

@@ -478,7 +478,7 @@ const startTest = async () => {
       isAsking.value = true;
    else {
       try {
-         const res = await Connection.makeTest(connection);
+         const res = await Connection.makeTest(connection.value);
          if (res.status === 'error')
             addNotification({ status: 'error', message: res.response.message || res.response.toString() });
          else