Merge remote-tracking branch 'origin' into field-wrapper-migration

Author: tenphi

.eslintrc.js

@@ -1,5 +1,3 @@
-// @ts-check
-
 module.exports = /** @type {import('eslint').Linter.Config} */ ({
   extends: [
     'prettier',
@@ -96,5 +94,17 @@ module.exports = /** @type {import('eslint').Linter.Config} */ ({
         'react/prop-types': 'off',
       },
     },
+    {
+      files: ['*.ts', '*.tsx'],
+      rules: {
+        '@typescript-eslint/no-explicit-any': 'off',
+
+        'react/prop-types': 'off',
+        'react-hooks/exhaustive-deps': 'off',
+        'react/boolean-prop-naming': 'off',
+        '@typescript-eslint/ban-ts-comment': 'off',
+        '@typescript-eslint/ban-types': 'off',
+      },
+    },
   ],
 });

.github/workflows/main.yml

@@ -7,6 +7,12 @@ on:
 
 concurrency: ${{ github.workflow }}-${{ github.ref }}
 
+permissions:
+  contents: write  # Read-only access to repository contents
+  issues: write   # Write access to issues
+  pull-requests: write  # Write access to pull requests
+  statuses: write  # Write access to commit statuses
+
 jobs:
   publish:
     runs-on: ubuntu-latest
@@ -83,7 +89,6 @@ jobs:
         id: publish_chromatic
         uses: chromaui/action@v1
         with:
-          onlyChanged: true
           exitZeroOnChanges: true
           exitOnceUploaded: true
           autoAcceptChanges: true

.github/workflows/pull-request.yml

@@ -9,6 +9,12 @@ concurrency:
   group: ci-pull-request=${{github.ref}}-1
   cancel-in-progress: true
 
+permissions:
+  contents: read  # Read-only access to repository contents
+  issues: write   # Write access to issues
+  pull-requests: write  # Write access to pull requests
+  statuses: write  # Write access to commit statuses
+
 jobs:
   build:
     name: 'Build & canary release'
@@ -143,7 +149,6 @@ jobs:
         with:
           exitZeroOnChanges: true
           exitOnceUploaded: true
-          onlyChanged: true
           debug: true
           token: ${{ secrets.GITHUB_TOKEN }}
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

.github/workflows/size-limit.yml

@@ -9,6 +9,12 @@ concurrency:
   group: ci-size-limit=${{github.ref}}-1
   cancel-in-progress: true
 
+permissions:
+  contents: read  # Read-only access to repository contents
+  issues: write   # Write access to issues
+  pull-requests: write  # Write access to pull requests
+  statuses: write  # Write access to commit statuses
+
 jobs:
   size-limit:
     name: 'Measure size of the library'
@@ -38,7 +44,7 @@ jobs:
         run: pnpm build
 
       - name: Download baseline stats
-        uses: dawidd6/action-download-artifact@v2
+        uses: dawidd6/action-download-artifact@v4
         if: github.event.number
         with:
           workflow: size-limit.yml
@@ -54,7 +60,7 @@ jobs:
         run: echo '${{ steps.measure_size.outputs.result }}' > ./size-limit-report/output.json
 
       - name: Upload stats
-        uses: actions/upload-artifact@v2
+        uses: actions/upload-artifact@v4
         with:
           name: size-limit-report
           path: ${{ env.REPORT_FOLDER }}

.nvmrc

@@ -1 +1 @@
-v16
+18.19.1

.size-limit.js

@@ -19,13 +19,20 @@ module.exports = [
         }),
       );
     },
-    limit: '215kB',
+    limit: '225kB',
   },
   {
     name: 'Tree shaking (just a Button)',
     path: './dist/es/index.js',
     webpack: true,
     import: '{ Button }',
-    limit: '29 kB',
+    limit: '36 kB',
+  },
+  {
+    name: 'Tree shaking (just an Icon)',
+    path: './dist/es/index.js',
+    webpack: true,
+    import: '{ AiIcon }',
+    limit: '25 kB',
   },
 ];

.storybook/main.js

@@ -3,20 +3,23 @@
 /** @type {import('@storybook/core-common').StorybookConfig} */
 const config = {
   staticDirs: ['../public'],
+
   framework: {
     name: '@storybook/react-vite',
     options: {},
   },
+
   features: {
     postcss: false,
     emotionAlias: false,
     buildStoriesJson: true,
     interactionsDebugger: true,
-    argTypeTargetsV7: true,
-    storyStoreV7: true,
+    argTypeTargetsV7: false,
     modernInlineRender: true,
   },
+
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
@@ -30,8 +33,9 @@ const config = {
       },
     },
   ],
-  // docs: {
-  //   autodocs: true,
-  // },
+
+  docs: {
+    autodocs: true,
+  },
 };
 export default config;

.storybook/preview.jsx

@@ -1,5 +1,5 @@
 import { DocsContainer } from '@storybook/addon-docs';
-import { configure } from '@storybook/testing-library';
+import { configure } from '@storybook/test';
 import isChromatic from 'chromatic/isChromatic';
 import { config } from 'react-transition-group';
 import { Root } from '../src';
@@ -19,7 +19,6 @@ export const parameters = {
       </DocsContainer>
     ),
   },
-  actions: { argTypesRegex: '^on[A-Z].*' },
   backgrounds: {
     default: 'transparent',
     values: [