chore: Import sort plugin (#14)

* chore: Import sort plugin

* chore: Replace import sorting pattern for external packages to include everything started optionally with @, but @Cloudscape

* chore: Remove redundant pattern from external config

.eslintrc

@@ -15,7 +15,7 @@
  "jsx": true
  }
  },
- "plugins": ["unicorn", "react-hooks", "no-unsanitized", "header", "import"],
+ "plugins": ["unicorn", "react-hooks", "no-unsanitized", "header", "import", "simple-import-sort"],
  "rules": {
  "@typescript-eslint/no-unused-vars": "error",
  "@typescript-eslint/consistent-type-definitions": ["error", "interface"],
@@ -73,14 +73,13 @@
  ]
  }
  ],
- "sort-imports": ["error", { "ignoreDeclarationSort": true }],
- "import/order": ["error", { "alphabetize": { "order": "asc" } }],
  "import/no-useless-path-segments": [
  "warn",
  {
  "noUselessIndex": true
  }
- ]
+ ],
+ "simple-import-sort/imports": "warn"
  },
  "settings": {
  "react": {
@@ -102,6 +101,30 @@
  "env": {
  "jest": true
  }
+ },
+ {
+ "files": ["src/**", "pages/**", "test/**", "scripts/**"],
+ "rules": {
+ "simple-import-sort/imports": [
+ "warn",
+ {
+ "groups": [
+ // External packages come first.
+ ["^react", "^(?!@cloudscape)@?\\w"],
+ // Cloudscape packages.
+ ["^@cloudscape"],
+ // Things that start with a letter (or digit or underscore), or `~` followed by a letter.
+ ["^~?\\w"],
+ // Anything not matched in another group.
+ ["^"],
+ // Styles come last.
+ [
+ "^.+\\.?(css)$","^.+\\.?(css.js)$", "^.+\\.?(scss)$", "^.+\\.?(selectors.js)$"
+ ]
+ ]
+ }
+ ]
+ }
  }
  ]
 }

package.json

@@ -85,6 +85,7 @@
  "eslint-plugin-react": "^7.31.11",
  "eslint-plugin-react-hooks": "^4.6.0",
  "eslint-plugin-unicorn": "^45.0.2",
+ "eslint-plugin-simple-import-sort": "^12.1.1",
  "execa": "^6.1.0",
  "globby": "^13.1.3",
  "husky": "^8.0.3",