[ui-importer-modal] Bulk Edit column modal second iteration

desktop/core/src/desktop/js/apps/admin/Components/utils.ts

@@ -18,5 +18,6 @@ export const SERVER_LOGS_API_URL = '/api/v1/logs';
 export const CHECK_CONFIG_EXAMPLES_API_URL = '/api/v1/check_config';
 export const INSTALL_APP_EXAMPLES_API_URL = '/api/v1/install_app_examples';
 export const INSTALL_AVAILABLE_EXAMPLES_API_URL = '/api/v1/available_app_examples';
+export const SQL_TYPE_MAPPING_API_URL = '/api/v1/importer/sql_type_mapping';
 export const HUE_DOCS_CONFIG_URL = 'https://docs.gethue.com/administrator/configuration/';
 export const USAGE_ANALYTICS_API_URL = '/api/v1/usage_analytics';

desktop/core/src/desktop/js/apps/newimporter/FilePreviewTab/EditColumns/EditColumns.scss → desktop/core/src/desktop/js/apps/newimporter/FilePreviewTab/EditColumnsModal/EditColumnsModal.scss

@@ -16,8 +16,26 @@
 
 @use 'variables' as vars;
 
-.antd.cuix {
-  .hue-importer-edit-columns {
-    padding: vars.$fluidx-spacing-s;
+.hue-importer-edit-columns-modal {
+  .ant-modal-content {
+    width: 800px;
+  }
+
+  &__input-title {
+    width: 100px;
+  }
+
+  &__type-select {
+    width: 100px;
+
+    .ant-select-selector {
+      border: 1px solid vars.$fluidx-gray-600;
+      border-radius: vars.$border-radius-base;
+    }
+  }
+
+  &__no-sample {
+    color: vars.$fluidx-gray-500;
+    font-style: italic;
   }
 }