Merge pull request #25 from tonyghiani/feat/new-components

Feat/new components

.gitignore

@@ -145,4 +145,4 @@ dist
 .yarn/install-state.gz
 .pnp.*
 
-.nx/cache
+.nx

.husky/pre-commit

@@ -1,2 +1,4 @@
+if sh -c ": >/dev/tty" >/dev/null 2>/dev/null; then exec >/dev/tty 2>&1; fi
+
 node scripts/printHeader.js "🔬 Validate Code Style Consistency"
 yarn lint-staged

.lintstagedrc.mjs

@@ -0,0 +1,5 @@
+export default {
+  'package.json': 'yarn workspaces run lint:package',
+  '*.{js,ts,tsx}': 'yarn workspaces run lint --fix',
+  '*.{js,ts,tsx,md}': 'prettier --write --ignore-unknown'
+};

commitlint.config.js → commitlint.config.mjs

@@ -1,6 +1,6 @@
-const lernaConfig = require('@commitlint/config-lerna-scopes');
+import lernaConfig from '@commitlint/config-lerna-scopes';
 
-module.exports = {
+export default {
   extends: ['@commitlint/config-conventional', '@commitlint/config-lerna-scopes'],
   rules: {
     'scope-enum': async () => {

eslint.config.mjs

@@ -0,0 +1,105 @@
+import { fixupPluginRules } from '@eslint/compat';
+import { FlatCompat } from '@eslint/eslintrc';
+import js from '@eslint/js';
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
+import _import from 'eslint-plugin-import';
+import react from 'eslint-plugin-react';
+import simpleImportSort from 'eslint-plugin-simple-import-sort';
+import globals from 'globals';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all
+});
+
+export default [
+  {
+    ignores: [
+      '**/.eslintrc',
+      '**/coverage/',
+      '**/dist/',
+      '**/node_modules/',
+      '**/storybook-static/'
+    ]
+  },
+  ...compat.extends('eslint:recommended', 'plugin:react/recommended', 'prettier'),
+  {
+    plugins: {
+      react,
+      '@typescript-eslint': typescriptEslint,
+      import: fixupPluginRules(_import),
+      'simple-import-sort': simpleImportSort
+    },
+
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        ...globals.jest
+      },
+
+      parser: tsParser,
+      ecmaVersion: 12,
+      sourceType: 'module',
+
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true
+        }
+      }
+    },
+
+    settings: {
+      react: {
+        version: 'detect'
+      },
+
+      'import/extensions': ['.js', '.jsx', '.ts', '.tsx']
+    },
+
+    rules: {
+      'no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_'
+        }
+      ],
+
+      'prefer-const': 'error',
+      'import/first': 'error',
+      'import/newline-after-import': 'error',
+      'import/no-duplicates': 'error',
+      'import/prefer-default-export': 'off',
+      'import/order': 'off',
+
+      'simple-import-sort/imports': [
+        'error',
+        {
+          groups: [
+            ['^\\u0000'],
+            ['^react', '^@?\\w'],
+            ['^(utils|models|services|store|i18n|hooks)(/.*|$)'],
+            ['^(components)(/.*|$)'],
+            ['^\\.\\.(?!/?$)', '^\\.\\./?$'],
+            ['^\\./(?=.*/)(?!/?$)', '^\\.(?!/?$)', '^\\./?$'],
+            ['^.+\\.s?css$']
+          ]
+        }
+      ]
+    }
+  },
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+
+    rules: {
+      'react/prop-types': 'off',
+      'no-undef': 'off'
+    }
+  }
+];

package.json

@@ -30,39 +30,45 @@
       "path": "git-cz"
     }
   },
+  "dependencies": {
+    "lint-staged": "^15.2.10"
+  },
   "devDependencies": {
-    "@commitlint/cli": "^18.6.1",
-    "@commitlint/config-conventional": "^18.6.2",
-    "@commitlint/config-lerna-scopes": "^18.6.1",
-    "@types/jest": "^29.5.12",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "^7.0.1",
-    "@vitejs/plugin-react": "^4.2.1",
-    "babel-loader": "^9.1.3",
-    "commitlint": "^18.6.1",
-    "eslint": "^8.56.0",
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@commitlint/config-lerna-scopes": "^19.5.0",
+    "@eslint/compat": "^1.2.3",
+    "@eslint/eslintrc": "^3.2.0",
+    "@eslint/js": "^9.16.0",
+    "@types/jest": "^29.5.14",
+    "@typescript-eslint/eslint-plugin": "^8.17.0",
+    "@typescript-eslint/parser": "^8.17.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "babel-loader": "^9.2.1",
+    "commitlint": "^19.6.0",
+    "eslint": "^9.16.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-simple-import-sort": "^12.0.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
     "git-cz": "^4.9.0",
-    "husky": "^9.0.11",
+    "globals": "^15.13.0",
+    "husky": "^9.1.7",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-localstorage-mock": "^2.4.26",
-    "lerna": "^8.1.2",
+    "lerna": "^8.1.9",
     "lerna-changelog": "^2.2.0",
-    "lint-staged": "^15.2.2",
-    "npm-check-updates": "^16.14.15",
-    "prettier": "^3.2.5",
-    "rimraf": "^5.0.5",
-    "sort-package-json": "^2.7.0",
-    "ts-jest": "^29.1.2",
+    "npm-check-updates": "^17.1.11",
+    "prettier": "^3.4.1",
+    "rimraf": "^6.0.1",
+    "sort-package-json": "^2.12.0",
+    "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.3",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.2",
     "vite-plugin-babel-macros": "^1.0.6",
-    "vite-tsconfig-paths": "^4.3.1"
+    "vite-tsconfig-paths": "^5.1.3"
   },
   "engines": {
     "node": ">=18",

packages/doc-tools/eslint.config.mjs

@@ -0,0 +1,3 @@
+import mainConfig from '../../eslint.config.mjs';
+
+export default [...mainConfig];

packages/doc-tools/package.json

@@ -56,9 +56,9 @@
     "react-mnt": "^1.1.8"
   },
   "devDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwindcss": "^3.4.1"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwindcss": "^3.4.16"
   },
   "peerDependencies": {
     "react": ">=17",

packages/icons/.storybook/main.ts

@@ -1,17 +1,22 @@
-import { dirname, join } from 'path';
 import type { StorybookConfig } from '@storybook/react-vite';
+import { dirname, join } from 'path';
 
 const config: StorybookConfig = {
   stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx|mdx)'],
+
   addons: [
     getAbsolutePath('@storybook/addon-links'),
     getAbsolutePath('@storybook/addon-essentials'),
     getAbsolutePath('@storybook/addon-interactions'),
     getAbsolutePath('@storybook/addon-a11y')
   ],
+
   framework: getAbsolutePath('@storybook/react-vite'),
-  docs: {
-    autodocs: 'tag'
+
+  docs: {},
+
+  typescript: {
+    reactDocgen: 'react-docgen-typescript'
   }
 };
 export default config;

packages/icons/.storybook/preview.ts

@@ -4,7 +4,6 @@ import '../src/styles/tailwind.base.css';
 
 const preview: Preview = {
   parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
     controls: {
       exclude: ['as', 'ref', 'key'],
       expanded: true,

packages/icons/.storybook/test-runner.ts

@@ -1,6 +1,5 @@
-import { injectAxe, checkA11y } from 'axe-playwright';
-
 import type { TestRunnerConfig } from '@storybook/test-runner';
+import { checkA11y, injectAxe } from 'axe-playwright';
 
 const a11yConfig: TestRunnerConfig = {
   async preRender(page) {

packages/icons/eslint.config.mjs

@@ -0,0 +1,3 @@
+import mainConfig from '../../eslint.config.mjs';
+
+export default [...mainConfig];