fix: Group index file imports with relative modules

src/index.ts

@@ -12,6 +12,7 @@ export default function (styleApi: IStyleAPI): IStyleItem[] {
     isRelativeModule,
     moduleName,
     not,
+    or,
     unicode,
   } = styleApi;
 
@@ -25,6 +26,14 @@ export default function (styleApi: IStyleAPI): IStyleItem[] {
     );
   };
 
+  /**
+   * Checks whether the import is only dots and slashes. In this case, in Node,
+   * we would be importing an index file, which belongs in relative imports.
+   */
+  const isIndexImport: IMatcherFunction = (imported) => {
+    return /^[\.\/]+$/.test(imported.moduleName);
+  };
+
   return [
     // import 'foo';
     {
@@ -44,23 +53,27 @@ export default function (styleApi: IStyleAPI): IStyleItem[] {
 
     // import React, { useEffect } from 'react';
     {
-      match: isInstalledModule(__filename),
+      match: and(isInstalledModule(__filename), not(isIndexImport)),
       sort: moduleName(unicode),
       sortNamedMembers: alias(unicode),
     },
     { separator: true },
 
     // import { isPhoneValid } from 'utils/isPhoneValid'
     {
-      match: and(isAbsoluteModule, not(isInstalledModule(__filename))),
+      match: and(
+        isAbsoluteModule,
+        not(isInstalledModule(__filename)),
+        not(isIndexImport),
+      ),
       sort: moduleName(unicode),
       sortNamedMembers: alias(unicode),
     },
     { separator: true },
 
     // import { Heading } from "./styles"
     {
-      match: isRelativeModule,
+      match: or(isRelativeModule, isIndexImport),
       sort: [dotSegmentCount, moduleName(unicode)],
       sortNamedMembers: alias(unicode),
     },