chore: allow type only imports for 'mongodb' package in connection-form (#5207)

* chore: allow only type imports for mongodb package in connection-form

* chore: added @mongodb-js/connection-storage to lint error

* Update packages/connection-form/.eslintrc.js

Co-authored-by: Sergey Petushkov <[email protected]>

* chore: fix minor typo and combine patterns

* chore: remove unnecessary comment

---------

Co-authored-by: Sergey Petushkov <[email protected]>

Author: himanshusinghs

packages/connection-form/.eslintrc.js

@@ -5,4 +5,33 @@ module.exports = {
     tsconfigRootDir: __dirname,
     project: ['./tsconfig-lint.json'],
   },
+  overrides: [
+    {
+      files: ['./src/**/*.ts', './src/**/*.tsx'],
+      rules: {
+        // See -
+        // https://typescript-eslint.io/rules/no-restricted-imports/#how-to-use
+        'no-restricted-imports': 'off',
+        '@typescript-eslint/no-restricted-imports': [
+          'error',
+          {
+            patterns: [
+              {
+                group: ['@mongodb-js/connection-storage', 'mongodb'],
+                message:
+                  '@mongodb-js/connection-form package is shared between Compass and VSCode and should use Compass-specific packages only for type definitions',
+                allowTypeImports: true,
+              },
+            ],
+          },
+        ],
+      },
+    },
+    {
+      files: ['./src/**/*.spec.ts'],
+      rules: {
+        '@typescript-eslint/no-restricted-imports': ['off'],
+      },
+    },
+  ],
 };