update configs to support flat config

eslint-config/blui-rules.js

@@ -1,12 +1,12 @@
-const bluiRules = {
+export default {
     '@typescript-eslint/array-type': ['error', { default: 'array-simple' }],
     '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
     '@typescript-eslint/explicit-function-return-type': 'error',
     '@typescript-eslint/naming-convention': [
         'error',
         {
             selector: 'default',
-            format: ['camelCase'],
+            format: ['camelCase', 'PascalCase'],
         },
         {
             selector: 'variable',
@@ -36,11 +36,14 @@ const bluiRules = {
             format: ['camelCase'],
             leadingUnderscore: 'require',
         },
-
         {
             selector: 'typeLike',
             format: ['PascalCase'],
         },
+        {
+            selector: 'import',
+            format: ['camelCase', 'PascalCase'],
+        },
     ],
     '@typescript-eslint/no-floating-promises': 'error',
     '@typescript-eslint/explicit-module-boundary-types': ['error', { allowArgumentsExplicitlyTypedAsAny: true }],
@@ -108,8 +111,6 @@ const bluiRules = {
     'prefer-spread': 'error',
     'prefer-template': 'error',
     'sort-imports': 'off',
-    'no-shadow': 'off',
-    '@typescript-eslint/no-shadow': ['error'],
+    "no-shadow": "off",
+    "@typescript-eslint/no-shadow": ["error"]
 };
-
-module.exports = bluiRules;

eslint-config/ts.mjs

@@ -0,0 +1,19 @@
+import js from "@eslint/js";
+import tseslint from "typescript-eslint";
+import prettierRecommended from "eslint-plugin-prettier/recommended";
+import bluiRules from './blui-rules.js'
+
+export default [
+    js.configs.recommended,
+    tseslint.configs.eslintRecommended,
+    ...tseslint.configs.recommendedTypeChecked,
+    ...tseslint.configs.stylisticTypeChecked,
+    prettierRecommended,
+    {
+        rules: {
+            'react/prop-types': 'off',
+            'react/display-name': 'off',
+            ...bluiRules
+        },
+    }
+];

eslint-config/tsx.mjs

@@ -0,0 +1,30 @@
+import js from "@eslint/js";
+import reactRecommened from "eslint-plugin-react/configs/recommended.js"
+import tseslint from "typescript-eslint";
+import prettierRecommended from "eslint-plugin-prettier/recommended";
+import typescriptEslintParser from "@typescript-eslint/parser";
+import bluiRules from './blui-rules.js'
+
+export default [
+    js.configs.recommended,
+    tseslint.configs.eslintRecommended,
+    ...tseslint.configs.recommendedTypeChecked,
+    ...tseslint.configs.stylisticTypeChecked,
+    reactRecommened,
+    prettierRecommended,
+    {
+        languageOptions: {
+            parser: typescriptEslintParser
+        },
+        settings: {
+            react: {
+                version: 'detect',
+            },
+        },
+        rules: {
+            'react/prop-types': 'off',
+            'react/display-name': 'off',
+            ...bluiRules
+        },
+    }
+];